import { describe, it, expect } from "vitest";
import {
  CREATE_FLOW_MD_UP_COLUMN_MAX_CLASS,
  CREATE_FLOW_MD_UP_GRID_CELL_CLASS,
  CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS,
  CREATE_FLOW_MD_CENTERED_MAIN_CLASS,
  CREATE_FLOW_MD_CENTERED_SHELL_CLASS,
} from "../../app/(app)/create/components/createFlowLayoutTokens";

describe("createFlowLayoutTokens", () => {
  it("exports create-flow column and two-column max class strings", () => {
    expect(CREATE_FLOW_MD_UP_COLUMN_MAX_CLASS).toBe(
      "w-full min-w-0 md:max-w-[640px]",
    );
    expect(CREATE_FLOW_MD_UP_GRID_CELL_CLASS).toBe(
      "w-full min-w-0 md:mx-auto md:max-w-[640px]",
    );
    expect(CREATE_FLOW_TWO_COLUMN_MAX_WIDTH_CLASS).toBe("md:max-w-[1328px]");
  });

  it("centers lockup+card and card-stack steps in the nav–footer band from md", () => {
    expect(CREATE_FLOW_MD_CENTERED_MAIN_CLASS).toBe(
      "items-start justify-center overflow-y-auto",
    );
    expect(CREATE_FLOW_MD_CENTERED_SHELL_CLASS).toBe("md:my-auto md:pt-0");
  });
});
