import React from "react";
import MainButton from ".";
import DropDownItem from "../drop-down-item";
export default {
title: "Components/MainButton",
component: MainButton,
subcomponents: { DropDownItem },
parameters: { docs: { description: { component: "Components/MainButton" } } },
clickAction: { action: "clickAction" },
clickActionSecondary: { action: "clickActionSecondary" },
clickItem: { action: "clickItem", table: { disable: true } },
};
const Template = ({
clickAction,
clickActionSecondary,
clickItem,
...args
}) => {
const clickMainButtonHandler = (e, credentials) => {
clickAction(e, credentials);
};
const clickSecondaryButtonHandler = (e, credentials) => {
clickActionSecondary(e, credentials);
};
let icon = !args.isDropdown
? {
iconName: "static/images/people.react.svg",
}
: {};
return (
clickItem("New employee clicked")}
/>
clickItem("New department clicked")}
/>
clickItem("Invitation link clicked")}
/>
);
};
export const Default = Template.bind({});
Default.args = {
isDisabled: false,
isDropdown: true,
text: "Actions",
iconName: "static/images/people.react.svg",
};
/*
import { storiesOf } from "@storybook/react";
import { action } from "@storybook/addon-actions";
import { text, boolean, withKnobs, select } from "@storybook/addon-knobs/react";
import Section from "../../../.storybook/decorators/section";
import withReadme from "storybook-readme/with-readme";
import Readme from "./README.md";
const iconNames = Object.keys(Icons);
function ClickMainButton(e, credentials) {
console.log("ClickMainButton", e, credentials);
}
function ClickSecondaryButton(e, credentials) {
console.log("ClickSecondaryButton", e, credentials);
}
storiesOf("Components|MainButton", module)
.addDecorator(withKnobs)
.addDecorator(withReadme(Readme))
.add("base", () => {
let isDropdown = boolean("isDropdown", true);
let icon = !isDropdown
? {
iconName: `${select(
"iconName",
iconNames,
"static/images/people.react.svg"
)}`,
}
: {};
return (
action("New employee clicked")}
/>
action("New quest clicked")}
/>
action("New department clicked")}
/>
action("Invitation link clicked")}
/>
action("Invite again clicked")}
/>
action("Import people clicked")}
/>
);
});
*/