{"size": 1060, "ext": "js", "max_stars_repo_path": "packages/docs/src/pages/button/samples/SampleBtn15.js", "max_stars_repo_name": "jeven2016/react-windy-ui", "max_stars_repo_stars_event_min_datetime": "2022-01-22T14:31:30.000Z", "max_stars_repo_stars_event_max_datetime": "2022-01-22T14:31:30.000Z", "max_issues_repo_path": "packages/docs/src/pages/button/samples/SampleBtn15.js", "max_issues_repo_name": "jeven2016/react-windy-ui", "max_issues_repo_issues_event_min_datetime": "2021-06-12T05:52:22.000Z", "max_issues_repo_issues_event_max_datetime": "2022-02-26T07:03:01.000Z", "max_forks_repo_path": "packages/docs/src/pages/button/samples/SampleBtn15.js", "max_forks_repo_name": "jeven2016/react-windy-ui", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": 1, "max_issues_count": 2, "max_forks_count": null, "avg_line_length": 40.7692307692, "max_line_length": 77, "alphanum_fraction": 0.7216981132}
import React from 'react';
import {Button} from 'react-windy-ui';

const SampleBtn15 = () => {
  return <>
    <Button color="black" outline initOutlineColor hasMinWidth>black</Button>
    <Button color="brown" outline initOutlineColor hasMinWidth>brown</Button>
    <Button color="pink" outline initOutlineColor hasMinWidth>pink</Button>
    <Button color="purple" outline initOutlineColor
            hasMinWidth>purple</Button>
    <Button color="violet" outline initOutlineColor
            hasMinWidth>violet</Button>
    <Button color="blue" outline initOutlineColor hasMinWidth>blue</Button>

    <br/>
    <Button color="teal" outline initOutlineColor hasMinWidth>teal</Button>
    <Button color="green" outline initOutlineColor hasMinWidth>green</Button>
    <Button color="yellow" outline initOutlineColor
            hasMinWidth>yellow</Button>
    <Button color="orange" outline initOutlineColor
            hasMinWidth>orange</Button>
    <Button color="red" outline initOutlineColor hasMinWidth>red</Button>
  </>;
};

export default SampleBtn15;