import 'twin.macro';

import React from 'react';

import { AdvisorCard } from '~/cards/AdvisorCard';

export default {
  title: 'cards/AdvisorCard',
  component: AdvisorCard,
  parameters: {
    layout: 'fullscreen',
  },
};

export function demo(props) {
  return (
    <AdvisorCard
      imageSrc="/dr.png"
      fullName="Michael T. Smith"
      designatory="PhD, CBSM, DBSM"
      credentials={<a href="/">Clinical Sleep Psychology</a>}
      {...props}
    />
  );
}