import { ThreeDotButton } from "./ThreeDotButton";
import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";

<Meta title="Buttons/ThreeDotButton" component={ThreeDotButton} />

<Canvas>
	<Story name="ThreeDotButton">
        <ThreeDotButton onClick={() => console.log('Button clicked!')} />
	</Story>
</Canvas>

<Canvas>
	<Story name="ThreeDotButton no background">
        <ThreeDotButton noBG onClick={() => console.log('Button clicked!')} />
	</Story>
</Canvas>

<Canvas>
	<Story name="ThreeDotButton background on hover">
        <ThreeDotButton bgOnHover onClick={() => console.log('Button clicked!')} />
	</Story>
</Canvas>