{"size": 735, "ext": "js", "max_stars_repo_path": "stories/description.story.js", "max_stars_repo_name": "azrael/story-bricks", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "stories/description.story.js", "max_issues_repo_name": "azrael/story-bricks", "max_issues_repo_issues_event_min_datetime": "2021-05-07T22:55:10.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T14:22:06.000Z", "max_forks_repo_path": "stories/description.story.js", "max_forks_repo_name": "azrael/story-bricks", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": 4, "max_forks_count": null, "avg_line_length": 31.9565217391, "max_line_length": 98, "alphanum_fraction": 0.6054421769}
import React from 'react';
import { storiesOf } from '@storybook/react';
import { Description, Example, Link, Story, Title } from '../dist';

storiesOf('Bricks', module)
    .add('Description', () => <Story>
        <Title>Description</Title>

        <Description>
            It can be used to describe what this component is and/or why this component exists
        </Description>

        <Example>
            <Description>
                Buttons allow users to take actions, and make choices, with a single tap.
            </Description>
        </Example>

        <Link href='https://github.com/azrael/story-bricks/blob/master/src/Description.jsx' blank>
            View source code on GitHub
        </Link>
    </Story>);
