summaryrefslogtreecommitdiffstats
path: root/src/components/Icons/index.tsx
blob: 5fe2c19ade646f960735f83f4d90778af7ddc523 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
import ArrowIcon from './Arrow/Arrow';
import BlogIcon from './Blog/Blog';
import CloseIcon from './Close/Close';
import CogIcon from './Cog/Cog';
import ContactIcon from './Contact/Contact';
import CopyrightIcon from './Copyright/Copyright';
import CVIcon from './CV/CV';
import HamburgerIcon from './Hamburger/Hamburger';
import HomeIcon from './Home/Home';
import MoonIcon from './Moon/Moon';
import ProjectsIcon from './Projects/Projects';
import SearchIcon from './Search/Search';
import SunIcon from './Sun/Sun';

export {
  ArrowIcon,
  BlogIcon,
  CloseIcon,
  CogIcon,
  ContactIcon,
  CopyrightIcon,
  CVIcon,
  HamburgerIcon,
  HomeIcon,
  MoonIcon,
  ProjectsIcon,
  SearchIcon,
  SunIcon,
};
Literal.String.Symbol */ .highlight .bp { color: #003388 } /* Name.Builtin.Pseudo */ .highlight .fm { color: #0066bb; font-weight: bold } /* Name.Function.Magic */ .highlight .vc { color: #336699 } /* Name.Variable.Class */ .highlight .vg { color: #dd7700 } /* Name.Variable.Global */ .highlight .vi { color: #3333bb } /* Name.Variable.Instance */ .highlight .vm { color: #336699 } /* Name.Variable.Magic */ .highlight .il { color: #0000DD; font-weight: bold } /* Literal.Number.Integer.Long */
import { ComponentMeta, ComponentStory } from '@storybook/react';
import Overview from './overview';

/**
 * Overview - Storybook Meta
 */
export default {
  title: 'Organisms/Layout/Overview',
  component: Overview,
  argTypes: {
    cover: {
      description: 'The overview cover.',
      table: {
        category: 'Options',
      },
      type: {
        name: 'object',
        required: false,
        value: {},
      },
    },
    meta: {
      description: 'The overview metadata.',
      type: {
        name: 'object',
        required: true,
        value: {},
      },
    },
  },
} as ComponentMeta<typeof Overview>;

const Template: ComponentStory<typeof Overview> = (args) => (
  <Overview {...args} />
);

const cover = {
  alt: 'picture',
  height: 480,
  src: 'http://placeimg.com/640/480/cats',
  width: 640,
  unoptimized: true,
};

const meta = {
  publication: { name: 'Illo ut odio:', value: 'Sequi et excepturi' },
  update: {
    name: 'Perspiciatis vel laudantium:',
    value: 'Dignissimos ratione veritatis',
  },
};

/**
 * Overview Stories - Default
 */
export const Default = Template.bind({});
Default.args = {
  cover,
  meta,
};

/**
 * Overview Stories - With cover
 */
export const WithCover = Template.bind({});
WithCover.args = {
  cover,
  meta,
};