import { StoryObj, Meta } from "@storybook/react-vite";
// import { within, userEvent, screen } from "storybook/test";

import PageHeader, { HeaderVariants } from "./page-header.js";
import { Img } from "#components/images/img";

const meta: Meta<typeof PageHeader> = {
  title: "FP.React Patterns/PageHeader",
  component: PageHeader,
  tags: ["alpha"],
  args: {
    headerTitle: "Page Header",
    headerSubtitle: "Place your cool elevator pitch here...",
    headerBackground: <Img src="https://picsum.photos/2400/600" alt="" />,
  },
} as Meta;

export default meta;
type Story = StoryObj<typeof PageHeader>;

export const PageHeaderComponent: Story = {
  args: {},
  name: "Page Header",
};

export const Cover: Story = {
  args: {
    ...PageHeaderComponent.args,
    variant: HeaderVariants.Cover,
  },
  name: "Cover Style",
} as Story;

export const Banner: Story = {
  args: {
    ...PageHeaderComponent.args,
    variant: HeaderVariants.Banner,
  },
  name: "Banner Style",
} as Story;