DocSpace-client/packages/asc-web-components/group-button/group-button.stories.js

import React from "react";
import { storiesOf } from "@storybook/react";
import { withKnobs, boolean, text } from "@storybook/addon-knobs/react";
import withReadme from "storybook-readme/with-readme";
import Readme from "./README.md";
import GroupButton from ".";
import DropDownItem from "../drop-down-item";

storiesOf("Components|GroupButton", module)
  .addDecorator(withKnobs)
  .addDecorator(withReadme(Readme))
  .add("base", () => (
    <GroupButton
      label={text("Label", "Base group button")}
      disabled={boolean("disabled", false)}
      isDropdown={boolean("isDropdown", false)}
      opened={boolean("opened", false)}
    >
      <DropDownItem label="Action 1" />
      <DropDownItem label="Action 2" />
      <DropDownItem label="Action 3" />
    </GroupButton>
  ));