{"size": 734, "ext": "js", "max_stars_repo_path": "src/components/Component/Component.stories.js", "max_stars_repo_name": "inbn/component-gallery", "max_stars_repo_stars_event_min_datetime": "2020-02-25T13:25:02.000Z", "max_stars_repo_stars_event_max_datetime": "2022-03-27T17:52:46.000Z", "max_issues_repo_path": "src/components/Component/Component.stories.js", "max_issues_repo_name": "inbn/component-gallery", "max_issues_repo_issues_event_min_datetime": "2019-10-06T10:56:15.000Z", "max_issues_repo_issues_event_max_datetime": "2021-07-12T18:20:44.000Z", "max_forks_repo_path": "src/components/Component/Component.stories.js", "max_forks_repo_name": "inbn/component-gallery", "max_forks_repo_forks_event_min_datetime": "2020-02-25T13:13:24.000Z", "max_forks_repo_forks_event_max_datetime": "2020-12-22T12:31:52.000Z"}
{"max_stars_count": 22, "max_issues_count": 7, "max_forks_count": 4, "avg_line_length": 29.36, "max_line_length": 220, "alphanum_fraction": 0.7057220708}
import React from 'react';
import Component from './Component';
import { Grid } from '../../../.storybook/decorators';

export default {
  title: 'Component',
  component: Component,
  decorators: [Grid]
};

const Template = args => <Component {...args} />;

export const Default = Template.bind({});

Default.args = {
  name: 'Accordion',
  otherNames:
    'Collapsible sections, Arrow toggle, Expander, Disclosure, ShowyHideyThing',
  cardTag: 'div',
  slug: 'accordion',
  examplesCount: 28,
  description:
    "An accordion is a vertical stack of interactive headings used to toggle the display of further information; each item can be 'collapsed', with just a short label visible; or 'expanded' to show the complete content."
};
