import React from 'react'
import BreadCrumbs from 'playbook-ui'
import { Icon, Title } from 'playbook-ui'
import BreadCrumbItem from 'playbook-ui'

const Link = (props) => <BreadCrumbItem />
const BreadCrumbsDefault = (props) => {
  return (
    <BreadCrumbs
        text="+1"
    >
      <Icon
          icon="home"
          size="1x"
      />
      <BreadCrumbItem
          href="/home"
      >
        <Title
            size="4"
            tag="span"
            text="Home"
        />
      </BreadCrumbItem>
      <Icon
          icon="users"
          size="1x"
      />
      <Link
          href="/users"
      >
        <Title
            size="4"
            tag="span"
            text="Users"
        />
      </Link>
      <Icon
          icon="user"
          size="1x"
      />
      <Link>
        <Title
            size="4"
            tag="span"
            text="User"
        />
      </Link>
    </BreadCrumbs>
  )
}

export default BreadCrumbsDefault