import { ImageProps } from '@/components/Image';
import { Image as ImageSrc } from '@/index';

export default {
  title: 'components',
  args: {
    mediaMimeType: 'image/jpg',
    media:
      'https://img.freepik.com/free-photo/white-cloud-blue-sky-sea_74190-4488.jpg?w=2000',
    mediaVisible: true,
    isDetail: true,
    height: 'auto',
    width: 200,
  },
};

export const Image: React.FC<ImageProps> = ({
  mediaMimeType,
  media,
  mediaVisible,
  isDetail,
  width,
  height,
}) => {
  return (
    <ImageSrc
      mediaMimeType={mediaMimeType}
      media={media}
      mediaVisible={mediaVisible}
      isDetail={isDetail}
      width={width}
      height={height}
    />
  );
};
