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

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

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 const DefaultStory = () => {
  return <CollectibleDetails collectible={collectible} />;
};

DefaultStory.storyName = 'Default';

DefaultStory.args = {
  collectible,
};