import * as React from 'react';
import NavigationBlock from './NavigationBlock';
import { text } from '@storybook/addon-knobs';
import * as faker from 'faker/locale/sv';

export default {
	title: 'Navigation Block',
};

export const normal = () => <NavigationBlock />;

export const grid = () => {
	const title = text('Rubrik', faker.random.words(3));
	const p = text('Text', faker.lorem.sentence(100));

	return (
		<div className="p-2 container mx-auto">
			<div className="flex -mx-2">
				<div className="w-1/3 px-2 flex">
					<NavigationBlock title={title} paragraph={p} />
				</div>
				<div className="w-1/3 px-2 flex">
					<NavigationBlock />
				</div>
				<div className="w-1/3 px-2 flex">
					<NavigationBlock />
				</div>
			</div>
		</div>
	);
};