import { PrimaryButtonExample } from "./examples/PrimaryButtonExample";
import { Meta, Story, Canvas } from "@storybook/addon-docs/blocks";
import { PrimaryButton } from "./PrimaryButton";
import ConnectPushIcon from "../../icons/svgs/ConnectPushIcon.tsx";
import Doc from "../../icons/svgs/DocIcon.tsx";

<Meta title="Buttons/PrimaryButtons" component={PrimaryButton, PrimaryButtonExample} />

# SVG Examples

<Canvas>
	<Story name="SVG Example">
        <PrimaryButton rightIcon={ConnectPushIcon}>Push up</PrimaryButton>
    </Story>
</Canvas>

<Canvas>
	<Story name="SVG Stroke Example">
        <PrimaryButton svgStyle="stroke" leftIcon={Doc}>Go to doc</PrimaryButton>
    </Story>
</Canvas>

# Playground

<Canvas>
	<Story name="Playground">
        <PrimaryButtonExample />
	</Story>
</Canvas>