import React from 'react';
import CollectibleDetails from './collectible-details';

const collectible = {
  name: 'Catnip Spicywright',
  tokenId: '1124157',
  address: '0x06012c8cf97bead5deae237070f9587f8e7a266d',
  image: './catnip-spicywright.png',
  description:
    "Good day. My name is Catnip Spicywight, which got me teased a lot in high school. If I want to put low fat mayo all over my hamburgers, I shouldn't have to answer to anyone about it, am I right? One time I beat Arlene in an arm wrestle.",
};

export default {
  title: 'Components/App/CollectiblesDetail',
  id: __filename,
  argTypes: {
    collectible: {
      control: 'object',
    },
  },
  args: {
    collectible,
  },
};

export const DefaultStory = (args) => {
  return <CollectibleDetails {...args} />;
};

DefaultStory.storyName = 'Default';

export const NoImage = (args) => {
  return <CollectibleDetails {...args} />;
};

NoImage.args = {
  collectible: {
    ...collectible,
    image: undefined,
  },
};