import {createArtwork} from "./ArtworkComponent";

export default {
  title: 'Components/Artwork',
  parameters: {
    layout: 'fullscreen',
  },
  argTypes: {
    type: {
      name: 'Artwork-Typ',
      control: {type: 'select'},
      options: ['artwork', 'artwork-image', 'artwork-background-image', 'artwork-both-sides'],
      defaultValue: 'artwork',
    },
    image: {
      name: 'Bild',
      control: {type: 'select'},
      options: ['Hamburg', 'Berlin', 'Team'],
      defaultValue: 'Berlin',
    },
  }
}

const Template = ({...args}) => {
  return createArtwork({...args});
};

export const Artwork = Template.bind({});
Artwork.args = {
  type: 'artwork',
};

export const ImageArtwork = Template.bind({});
ImageArtwork.args = {
  type: 'artwork-image',
};

export const BackgroundImageArtwork = Template.bind({});
BackgroundImageArtwork.args = {
  type: 'artwork-background-image',
};

export const BothSides = Template.bind({});
BothSides.args = {
  type: 'artwork-both-sides',
};