import type { Meta, StoryObj } from "@storybook/react"
import { ContactActivityTable, ContactSampleData } from "./activity-table"

const meta: Meta<typeof ContactActivityTable> = {
  title: "Widgets/Support/Contact/ActivityTable",
  component: ContactActivityTable,
  parameters: {
    layout: "fullscreen",
  },
  tags: ["autodocs"],
  argTypes: {
    showCategories: {
      control: "boolean",
      description: "Whether to show category headers",
    },
  },
  decorators: [
    (Story) => (
      <div className="w-full p-8">
        <Story />
      </div>
    ),
  ],
}

export default meta
type Story = StoryObj<typeof ContactActivityTable>

export const Default: Story = {
  args: {
    showCategories: true,
  },
}

export const WithoutCategories: Story = {
  args: {
    showCategories: false,
  },
}

export const SampleData: Story = {
  render: () => <ContactSampleData />,
  parameters: {
    docs: {
      description: {
        story: "Example of captured contact form data with real values",
      },
    },
  },
}
