import { storiesOf } from '@storybook/react';
// import { DateTime } from 'luxon';
// import PostOverviewCard, { PostOverviewCardProps } from './PostOverviewCard';

// storiesOf('Components/Post Overview Card', module)
//   .add('static', () => {
//     const defaultPreview: PostOverviewCardProps = {
//       createdAt: DateTime.now(),
//       createdBy: {
//         name: 'fido_node',
//         avatar: 'avatar.jpg'
//       },
//       path: '/blog/asdasdasdasd',
//       title: 'Awesome title',
//       preview: {},
//       tags: [{ text: 'asdf' }, { text: 'ghjkl' }, { text: 'qwertyuioio' }]
//     };

//     return <PostOverviewCard {...defaultPreview} />;
//   })
//   .add('with preview', () => {
//     const defaultPreview: PostOverviewCardProps = {
//       createdAt: DateTime.now(),
//       createdBy: {
//         name: 'fido_node',
//         avatar: 'avatar.jpg'
//       },
//       path: '/blog/asdasdasdasd',
//       title: 'Awesome title',
//       preview: {
//         headerMedia: {
//           key: 'Image',
//           url: './pattern.png',
//           alt: 'awesome pattern'
//         }
//       },
//       tags: [{ text: 'asdf' }, { text: 'ghjkl' }, { text: 'qwertyuioio' }]
//     };

//     return <PostOverviewCard {...defaultPreview} />;
//   })
//   .add('without tags', () => {
//     const defaultPreview: PostOverviewCardProps = {
//       createdAt: DateTime.now(),
//       createdBy: {
//         name: 'fido_node',
//         avatar: 'avatar.jpg'
//       },
//       path: '/blog/asdasdasdasd',
//       title: 'Awesome title',
//       preview: {},
//       tags: []
//     };

//     return <PostOverviewCard {...defaultPreview} />;
//   });