<Docs title="primary">
	<Button tag="button" type="submit">My button</Button>
</Docs>

<Docs title="primary/small">
	<Button variant="primary" size="small">My button</Button>
</Docs>

<Docs title="primary/medium">
	<Button variant="primary" size="medium">My button</Button>
</Docs>

<Docs title="primary/outline">
	<Button variant="primary" outline>My button</Button>
</Docs>

<Docs title="primary/loading">
	<Button variant="primary" isLoading>My button</Button>
</Docs>

<Docs title="As Link">
	<Button href="#" variant="primary" outline>My button</Button>
</Docs>

<Docs title="secondary" background="dark">
	<Button variant="secondary">My button</Button>
</Docs>

<Docs title="secondary/small">
	<Button variant="secondary" size="small">My button</Button>
</Docs>

<Docs title="secondary/medium">
	<Button variant="secondary" size="medium">My button</Button>
</Docs>

<Docs title="secondary/outline">
	<Button variant="secondary" outline>My button</Button>
</Docs>