import React from 'react';
import { Meta, Story } from '@storybook/react';
import { AtomImage, IImageProps } from 'react/atoms/Image';

const meta: Meta = {
  title: 'React/atoms/Image',
  component: AtomImage,
  argTypes: {},
  parameters: {
    controls: { expanded: true },
  },
};

export default meta;

const TemplateImage: Story<IImageProps> = (props) => <AtomImage {...props} />;

export const Image = TemplateImage.bind({});

Image.args = {
  src: 'https://via.placeholder.com/150',
  alt: 'image',
  imgWidth: '150px',
  imgHeight: '150px',
};
