src/components/PostHeader

import type { ComponentMeta, ComponentStory } from '@storybook/react';
import { Icon, type IconProps, type IconShape } from './icon';

/**
 * Home icon - Storybook Meta
 */
export default {
  title: 'Atoms/Images/Icons',
  component: Icon,
  argTypes: {
    shape: {
      control: {
        type: 'select',
      },
      options: [
        'arrow',
        'career',
        'cc-by-sa',
        'cog',
        'computer',
        'cross',
        'envelop',
        'feed',
        'hamburger',
        'help',
        'home',
        'magnifying-glass',
        'minus',
        'moon',
        'posts-stack',
        'plus',
        'sun',
      ],
      description: 'Define the icon shape.',
      type: {
        name: 'string',
        required: false,
      },
    },
  },
} as ComponentMeta<typeof Icon>;

const Template: ComponentStory<typeof Icon> = ({
  shape,
  ...args
}: IconProps<IconShape>) => <Icon {...args} shape={shape} />;

/**
 * Icon Stories - ArrowRight
 */
export const ArrowRight = Template.bind({});
ArrowRight.args = {
  orientation: 'right',
  shape: 'arrow',
};

/**
 * Icon Stories - ArrowLeft
 */
export const ArrowLeft = Template.bind({});
ArrowLeft.args = {
  orientation: 'left',
  shape: 'arrow',
};

/**
 * Icon Stories - ArrowBottom
 */
export const ArrowBottom = Template.bind({});
ArrowBottom.args = {
  orientation: 'bottom',
  shape: 'arrow',
};

/**
 * Icon Stories - ArrowTop
 */
export const ArrowTop = Template.bind({});
ArrowTop.args = {
  orientation: 'top',
  shape: 'arrow',
};

/**
 * Icon Stories - Career
 */
export const Career = Template.bind({});
Career.args = {
  shape: 'career',
};

/**
 * Icon Stories - CCBySA
 */
export const CCBySA = Template.bind({});
CCBySA.args = {
  shape: 'cc-by-sa',
};

/**
 * Icon Stories - Cog
 */
export const Cog = Template.bind({});
Cog.args = {
  shape: 'cog',
};

/**
 * Icon Stories - Computer
 */
export const Computer = Template.bind({});
Computer.args = {
  shape: 'computer',
};

/**
 * Icon Stories - Cross
 */
export const Cross = Template.bind({});
Cross.args = {
  shape: 'cross',
};

/**
 * Icon Stories - Envelop
 */
export const Envelop = Template.bind({});
Envelop.args = {
  shape: 'envelop',
};

/**
 * Icon Stories - Feed
 */
export const Feed = Template.bind({});
Feed.args = {
  shape: 'feed',
};

/**
 * Icon Stories - Hamburger
 */
export const Hamburger = Template.bind({});
Hamburger.args = {
  shape: 'hamburger',
};

/**
 * Icon Stories - Help
 */
export const Help = Template.bind({});
Help.args = {
  shape: 'help',
};

/**
 * Icon Stories - Home
 */
export const Home = Template.bind({});
Home.args = {
  shape: 'home',
};

/**
 * Icon Stories - MagnifyingGlass
 */
export const MagnifyingGlass = Template.bind({});
MagnifyingGlass.args = {
  shape: 'magnifying-glass',
};

/**
 * Icon Stories - Minus
 */
export const Minus = Template.bind({});
Minus.args = {
  shape: 'minus',
};

/**
 * Icon Stories - Moon
 */
export const Moon = Template.bind({});
Moon.args = {
  shape: 'moon',
};

/**
 * Icon Stories - Plus
 */
export const Plus = Template.bind({});
Plus.args = {
  shape: 'plus',
};

/**
 * Icon Stories - PostsStack
 */
export const PostsStack = Template.bind({});
PostsStack.args = {
  shape: 'posts-stack',
};

/**
 * Icon Stories - Sun
 */
export const Sun = Template.bind({});
Sun.args = {
  shape: 'sun',
};
	Commit message (Expand)	Author	Age	Files	Lines
*	refactor: split posts meta into smaller components	Armand Philippot	2022-03-01	1	-14/+2
*	chore: add reading time in posts meta	Armand Philippot	2022-01-25	1	-1/+3
*	chore: display total found posts in page meta	Armand Philippot	2022-01-25	1	-0/+1
*	chore: allow ReactElement as intro in PostHeader	Armand Philippot	2022-01-19	1	-7/+22
*	refactor(styles): rename shadow and border variables	Armand Philippot	2022-01-16	1	-5/+5
*	chore: update sidebar and widgets styles	Armand Philippot	2022-01-15	1	-1/+4
*	refactor(styles): use css grid to stylize post header	Armand Philippot	2022-01-10	1	-12/+35
*	refactor(styles): use compose to declare grid layouts once	Armand Philippot	2022-01-10	1	-5/+1
*	chore: add article header styles	Armand Philippot	2022-01-07	1	-4/+58
*	fix: check for undefined meta in post header	Armand Philippot	2022-01-07	1	-1/+11
*	refactor: reuse PostHeader for all pages except homepage	Armand Philippot	2022-01-06	1	-5/+7
*	refactor: reuse PostMeta components on single articles/pages	Armand Philippot	2022-01-06	1	-58/+24
*	refactor: rewrite types and services	Armand Philippot	2021-12-20	1	-5/+6
*	chore: add meta to single posts	Armand Philippot	2021-12-17	2	-0/+79