import type { Meta, StoryObj } from '@storybook/react';
import { GlobalSearchBar } from './GlobalSearchBar';

const meta: Meta<typeof GlobalSearchBar> = {
    title: 'Components/Features/Search/GlobalSearchBar',
    component: GlobalSearchBar,
    parameters: { layout: 'centered' },
    tags: ['autodocs'],
    decorators: [
        (Story) => (
            <div className="bg-background p-8 w-96">
                <Story />
            </div>
        ),
    ],
};

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

export const Default: Story = { name: 'Par défaut' };
export const Focused: Story = { name: 'Focus' };
export const WithSuggestions: Story = { name: 'Avec suggestions' };