import { Meta, Story, ArgsTable, Canvas } from '@storybook/addon-docs/blocks';
import { BackButton } from './back-button.component';
import { FlowPropsTable, ExternalReferenceLink } from '../../../utils';
import { Link } from '../../typography';

<Meta title="Components/Actions/Back Button" component={BackButton} />

# Back Button

<Link href={'/?path=/story/components-actions-accessibility-tips--page'}>
  <b>Accessibility tips</b>
</Link>

Back button for wizards.

## Default

<Canvas>
  <Story id="components-actions-back-button--normal" />
</Canvas>

## Disabled

<Canvas>
  <Story id="components-actions-back-button--disabled" />
</Canvas>

## Supported Property Mixins:

Margin-only spacing:

<Canvas>
  <Story id="components-actions-back-button--mixins-margin-only-spacing" />
</Canvas>

## Props

<FlowPropsTable ofComponent={BackButton} />

## External Reference

<ExternalReferenceLink
  src="https://www.figma.com/file/r5zKXblbSt0b869OEcOWXu/Patchwork-Web?node-id=637%3A9"
  type="figma"
/>
<ExternalReferenceLink
  src="https://github.com/wealthsimple/patchwork/tree/master/src/core/actions/back-button"
  type="github"
/>
