import type { Meta, StoryObj } from '@storybook/angular';
import { FileInputComponent } from './file-input.component';

const meta: Meta<FileInputComponent> = {
  title: 'Design System/Atoms/FileInput',
  component: FileInputComponent,
  render: (args) => ({
    props: args,
    template: `<app-file-input [inputId]="inputId" [accept]="accept" [maxSizeMb]="maxSizeMb" [multiple]="multiple" [disabled]="disabled" />`,
  }),
};
export default meta;
type Story = StoryObj<FileInputComponent>;

export const Default: Story = {
  args: {
    inputId: 'diploma',
    accept: ['application/pdf', 'image/jpeg'],
    maxSizeMb: 10,
    multiple: false,
    disabled: false,
  },
};

export const Multiple: Story = {
  args: {
    inputId: 'cv',
    accept: ['application/pdf'],
    maxSizeMb: 5,
    multiple: true,
    disabled: false,
  },
};

export const Disabled: Story = {
  args: {
    inputId: 'diploma-disabled',
    accept: ['application/pdf'],
    maxSizeMb: 10,
    multiple: false,
    disabled: true,
  },
};
