jsx import React , { forwardRef } from 'react' ; import { css , jsx } from '@emotion/core' ; const breadcrumbListStyles = css ( { alignItems : 'center' , boxSizing : 'border-box' , display : 'inline-flex' , minHeight : 40 , listStyle : 'none' , margin : 0 , padding : 0 , } ) ; export type BreadcrumbsListProps = React . HTMLAttributes < HTMLUListElement > ; export const BreadcrumbsList = forwardRef ( ( { children , ... props } , ref ) => { return ( < ul css = { breadcrumbListStyles } role = "list" ref = { ref } { ... props } > { children } < /ul>); } ) ;