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

const meta: Meta<typeof SupportActivityTable> = {
  title: "Widgets/Support/ActivityTable",
  component: SupportActivityTable,
  parameters: {
    layout: "fullscreen",
  },
  tags: ["autodocs"],
  decorators: [
    (Story) => (
      <div className="w-full p-8">
        <Story />
      </div>
    ),
  ],
}

export default meta
type Story = StoryObj<typeof SupportActivityTable>

export const Default: Story = {
  args: {},
  decorators: [
    (Story) => (
      <div className="h-[500px]">
        <Story />
      </div>
    ),
  ],
  parameters: {
    docs: {
      description: {
        story: "Unified activity feed showing all support item types: Feedback, Contact, Bug Reports, Error Reports, and Resolutions. Header stays fixed when scrolling. Table expands to fill available height.",
      },
    },
  },
}