import { fn } from '@storybook/test';
import { AttachmentChip } from './attachment-chip.js';
const meta = {
    title: 'Common/AttachmentChip',
    component: AttachmentChip,
    tags: ['autodocs'],
    args: {
        onRemove: fn(),
        onNotesChange: fn(),
    },
};
export default meta;
export const ImageFile = {
    args: {
        name: 'screenshot.png',
        size: 150000,
        mimeType: 'image/png',
        path: '/tmp/test/screenshot.png',
    },
};
export const ImageFileWithNotes = {
    args: {
        name: 'dashboard.png',
        size: 250000,
        mimeType: 'image/png',
        path: '/tmp/test/dashboard.png',
        notes: 'This shows the main dashboard layout with the sidebar collapsed.',
    },
};
export const ImageFileWithNotesReadOnly = {
    args: {
        name: 'wireframe.png',
        size: 180000,
        mimeType: 'image/png',
        path: '/tmp/test/wireframe.png',
        notes: 'Navigation should match this exact layout pattern.',
        onNotesChange: undefined,
    },
};
export const PdfFile = {
    args: {
        name: 'requirements.pdf',
        size: 42000,
        mimeType: 'application/pdf',
        path: '/tmp/test/requirements.pdf',
    },
};
export const CodeFile = {
    args: {
        name: 'index.ts',
        size: 1024,
        mimeType: 'text/typescript',
        path: '/tmp/test/index.ts',
    },
};
export const Loading = {
    args: {
        name: 'uploading-image.png',
        size: 0,
        mimeType: 'image/png',
        path: '',
        loading: true,
    },
};
