import type { Meta, StoryObj } from '@storybook/react'

import React from 'react';

import ImageWrapper from './ImageWrapper.component';
import { IImageWrapper } from './ImageWrapper.interface';

// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
export default {
  title: 'Components/ImageWrapper',
  component: ImageWrapper
} as Meta

export const Simple: StoryObj<IImageWrapper> = {
  render: args => (
    <ImageWrapper aspectRatioHeight={56} {...args} style={{maxWidth: "320px"}}>
      <img
        width="100%"
        height="100%"
        sizes="100vw"
        decoding="async"
        src="/assets/placeholder.png"
        alt="Empty state"
      />
    </ImageWrapper>
  ),
  args: {}
}