import React from 'react';
import { Breadcrumb, BreadcrumbItem } from '@breakaway/preact-core';

export const BreadcrumbBasic: React.FunctionComponent = () => (
  <Breadcrumb ouiaId="BasicBreadcrumb">
    <BreadcrumbItem to="#">Section home</BreadcrumbItem>
    <BreadcrumbItem to="#">Section title</BreadcrumbItem>
    <BreadcrumbItem to="#">Section title</BreadcrumbItem>
    <BreadcrumbItem to="#" isActive>
      Section landing
    </BreadcrumbItem>
  </Breadcrumb>
);