import type { Meta, StoryObj } from '@storybook/react';
import CustomFileUpload from '../../components/UI/Forms/CustomFileUpload/CustomFileUpload';
import NarrowContainer from "../../components/UI/Layout/NarrowContainer";

 /***
 * File uploader component
 */
const meta: Meta<typeof CustomFileUpload> = {
  title:'Components/Forms/CustomFileUpload',
  component: CustomFileUpload,
  decorators: [
    (Story) => (
      <NarrowContainer>
          <Story/>
      </NarrowContainer>
    ),
  ]
};
 
export default meta;
type Story = StoryObj<typeof CustomFileUpload>;
 
export const CustomFileUploadEx: Story = {
  args: {
    file: '',
    onChange: () => console.log('clicked'),
  },
  argTypes: {
    onChange: {
        action: "onChange",
     },
 },
};