import type { Meta, StoryObj } from '@storybook/react';
import {
  ProjectsManager,
  ProjectsManagerSkeleton,
  ProjectsManagerEmpty,
} from './projects-manager';

const meta = {
  title: 'Components/Features/Studio/ProjectsManager',
  component: ProjectsManager,
  tags: ['autodocs'],
  decorators: [
    (Story) => (
      <div className="bg-kodo-background min-h-layout-main p-4">
        <Story />
      </div>
    ),
  ],
} satisfies Meta<typeof ProjectsManager>;

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

export const Default: Story = {};

export const Loading: Story = {
  render: () => <ProjectsManagerSkeleton />,
};

export const Empty: Story = {
  render: () => <ProjectsManagerEmpty />,
};