import { storiesOf } from '@storybook/vue';
import itfAvatar from './Avatar.vue';

storiesOf('Common', module)
  .add('Avatar', () => ({
    components: {
      itfAvatar
    },
    props: {
      src: {
        default: 'https://img.freepik.com/free-vector/cartoon-monster-face-avatar-halloween-monster_6996-1164.jpg?size=338&ext=jpg',
      },
      letters: {
        default: 'AA',
      },
      size: {
        default: 64
      },
      statusBadge: {
        default: false
      },
    },
    template: `<div>
<pre>
import itfAvatar from '@itfin/components/src/components/avatar/Avatar';

&lt;itf-avatar
  :size="size"
  :photo="photo"
  :letters="letters"
  :status-badge="statusBadge"
/>
</pre>

    <div>
      <itf-avatar :size="size" :src="src" :letters="letters" :status-badge="statusBadge" />
    </div></div>`,
  }));
