{"size": 1949, "ext": "js", "max_stars_repo_path": "src/pages/Material/buttons.js", "max_stars_repo_name": "Kings-Cards-Organisation/kingcards-admin", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/pages/Material/buttons.js", "max_issues_repo_name": "Kings-Cards-Organisation/kingcards-admin", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/pages/Material/buttons.js", "max_forks_repo_name": "Kings-Cards-Organisation/kingcards-admin", "max_forks_repo_forks_event_min_datetime": "2021-05-28T18:50:36.000Z", "max_forks_repo_forks_event_max_datetime": "2021-05-28T18:50:36.000Z"}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": 1, "avg_line_length": 26.698630137, "max_line_length": 78, "alphanum_fraction": 0.6069779374}
import React from 'react';

import { Wrapper, Example } from '../../components';

const demos = [
  {
    js: require('../../utils/demos/buttons/TextButtons').default,
    title: 'Text Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/OutlinedButtons').default,
    title: 'Outlined Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/ContainedButtons').default,
    title: 'Contained Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/FloatingActionButtons').default,
    title: 'Floating Action Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/FloatingActionButtonZoom').default,
    title: 'Floating Action Buttons Zoom',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/ButtonSizes').default,
    title: 'Button Sizes',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/IconButtons').default,
    title: 'Icon Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/IconLabelButtons').default,
    title: 'Icon Label Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/CustomizedButtons').default,
    title: 'Customized Buttons',
    docs: 'https://material-ui.com/api/button/'
  },
  {
    js: require('../../utils/demos/buttons/ButtonBases').default,
    title: 'Button Bases',
    docs: 'https://material-ui.com/api/button/'
  }
]

const Buttons = () => (
  <Wrapper>
    {demos.map((demo, index) => (
      <Example
        key={index}
        index={index}
        title={demo.title}
        js={demo.js}
        docs={demo.docs}
      />
    ))}
  </Wrapper>
);

export default Buttons;
