import React from 'react';
import getAuthorList from '../../../../../../../tests/factories/authors/author.factory';
import Verify from '~images/icons/verify';
import Check from '~images/icons/check';
import TemplateThree from '.';

const author = getAuthorList({})[1];
export default {
  title: 'Theme/Layout/Header/Author/Template Three',
  component: TemplateThree,
  author: {
    name: 'author',
    type: { name: 'object', required: false },
    defaultValue: null,
    description: 'The author object.',
  },
  translations: {
    name: 'translations',
    type: { name: 'object', required: false },
    defaultValue: {
      verified: 'Verified LANG',
      expert_on: 'Expert on LANG',
    },
    description: 'The translations object',
  },
};

const Template = (args) => <TemplateThree {...args} />;
export const Default = Template.bind({});
Default.args = {
  // eslint-disable-next-line object-shorthand
  author: author,
  icons: {
    verify: <Verify />,
    expertise: <Check />,
  },
  translations: {
    verified: 'Verified LANG',
    expert_on: 'Expert on LANG',
  },
};
