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

const meta: Meta<typeof FeedbackActivityTable> = {
  title: "Widgets/Support/Feedback/ActivityTable",
  component: FeedbackActivityTable,
  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 FeedbackActivityTable>

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

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

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