import type { Meta, StoryObj } from "@storybook/react-vite";
import { ScoringPointsTable, QualifyingPointsTable } from "./ScoringTables";

const meta: Meta<typeof ScoringPointsTable> = {
  title: "Marketing/ScoringTables",
  component: ScoringPointsTable,
  parameters: {
    layout: "padded",
  },
};

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

export const ScoringPoints: Story = {
  render: (args) => <ScoringPointsTable {...args} />,
  args: {},
};

export const QualifyingPoints: Story = {
  render: (args) => <QualifyingPointsTable {...args} />,
  args: {},
};

export const BothTables: Story = {
  name: "Both Tables — Side by Side",
  render: () => (
    <div className="flex flex-col sm:flex-row gap-4 max-w-2xl">
      <ScoringPointsTable className="flex-1" />
      <QualifyingPointsTable className="flex-1" />
    </div>
  ),
};
