import type { Meta, StoryObj } from "@storybook/react";
import { ScoreAppFooter } from "./ScoreAppFooter";

const meta: Meta<typeof ScoreAppFooter> = {
  component: ScoreAppFooter,
};

export default meta;

type Story = StoryObj<typeof ScoreAppFooter>;

export const Primary: Story = {
  render: (args) => <ScoreAppFooter {...args} />,
  args: {
    links: [
      { title: "Work with us", href: "/join-us" },
      { title: "Privacy Notice", href: "/privacy-policy" },
      { title: "Terms of Use", href: "/terms" },
      { title: "Legal", href: "/legal" },
    ],
    LinkComponent: ({ href, children }: { href: string; children: string }) => (
      <a href={href}>{children}</a>
    ),
    ImageComponent: (props) => <img {...props} />,
    onCtaClick: () => console.log("CTA clicked"),
    className: "px-10 md:px-40",
  },
  parameters: {
    themes: {
      themeOverride: "dark",
    },
  },
};