{"size": 740, "ext": "js", "max_stars_repo_path": "src/components/boton/Boton.stories.js", "max_stars_repo_name": "gcid12/ds_poc1", "max_stars_repo_stars_event_min_datetime": null, "max_stars_repo_stars_event_max_datetime": null, "max_issues_repo_path": "src/components/boton/Boton.stories.js", "max_issues_repo_name": "gcid12/ds_poc1", "max_issues_repo_issues_event_min_datetime": null, "max_issues_repo_issues_event_max_datetime": null, "max_forks_repo_path": "src/components/boton/Boton.stories.js", "max_forks_repo_name": "gcid12/ds_poc1", "max_forks_repo_forks_event_min_datetime": null, "max_forks_repo_forks_event_max_datetime": null}
{"max_stars_count": null, "max_issues_count": null, "max_forks_count": null, "avg_line_length": 18.9743589744, "max_line_length": 47, "alphanum_fraction": 0.6081081081}
import React from "react";
import { Boton } from "./Boton";

export default {
  title: "Example/Boton",
  component: Boton,
  argTypes: {
    //backgroundColor: { control: "color" },
  },
};

const Template = (args) => <Boton {...args} />;

export const Regular = Template.bind({});
Regular.args = {
  type: "secondary",
  //primary: false,
  semantic: "good",
  buttonContent: "Hello",
  compact: false,
};

export const Compact = Template.bind({});
Compact.args = {
  type: "secondary",
  //primary: false,
  semantic: "good",
  buttonContent: "Hello",
  compact: false,
};

// export const Tertiary = Template.bind({});
// Tertiary.args = {
//   type: "tertiary",
//   //primary: false,
//   buttonContent: "Hello",
//   size: "",
// };
