import { Meta, Story, Preview, Props } from '@storybook/addon-docs/blocks'

import Breadcrumb from '../breadcrumb'
import BreadcrumbItem from '../breadcrumb-item'

<Meta title="Design System/Components/Breadcrumb/Breadcrumb" />

# Breadcrumb

## Preview

<Preview>
  <Story name="Breadcrumb">
    <Breadcrumb>
      <BreadcrumbItem><i className="fas fa-home" /></BreadcrumbItem>
      <BreadcrumbItem>Page 1</BreadcrumbItem>
      <BreadcrumbItem>Page 2</BreadcrumbItem>
    </Breadcrumb>
  </Story>
</Preview>

## Props

### Breadcrumb

<Props of={Breadcrumb} />

### BreadcrumbItem

<Props of={Breadcrumb} />