{"size": 676, "ext": "js", "max_stars_repo_path": "docs-ui/components/toolbar.stories.js", "max_stars_repo_name": "hieast/sentry", "max_stars_repo_stars_event_min_datetime": "2022-02-09T22:56:49.000Z", "max_stars_repo_stars_event_max_datetime": "2022-02-09T22:56:49.000Z", "max_issues_repo_path": "docs-ui/components/toolbar.stories.js", "max_issues_repo_name": "c88888/sentry", "max_issues_repo_issues_event_min_datetime": "2018-10-19T10:04:23.000Z", "max_issues_repo_issues_event_max_datetime": "2019-12-09T20:29:12.000Z", "max_forks_repo_path": "docs-ui/components/toolbar.stories.js", "max_forks_repo_name": "c88888/sentry", "max_forks_repo_forks_event_min_datetime": "2020-07-03T00:52:19.000Z", "max_forks_repo_forks_event_max_datetime": "2020-07-03T00:52:19.000Z"}
{"max_stars_count": 1, "max_issues_count": 6, "max_forks_count": 1, "avg_line_length": 29.3913043478, "max_line_length": 102, "alphanum_fraction": 0.6982248521}
import React from 'react';
import {storiesOf} from '@storybook/react';
import {withInfo} from '@storybook/addon-info';
// import {action} from '@storybook/addon-actions';

import Toolbar from 'app/components/toolbar';
import ToolbarHeader from 'app/components/toolbarHeader';
import SpreadLayout from 'app/components/spreadLayout';

storiesOf('Toolbar', module).add(
  'default',
  withInfo(
    'Toolbar that is used on top of a box. i.e. Issue Stream. Not responsible for any layout/padding.'
  )(() => (
    <Toolbar>
      <SpreadLayout>
        <ToolbarHeader>Left</ToolbarHeader>
        <ToolbarHeader>Right</ToolbarHeader>
      </SpreadLayout>
    </Toolbar>
  ))
);
