import { classNames , font } from '../../../utils/classnames' ; import { ColorSelection } from '../../../model/color-selections' ; import Number from '@weco/common/views/components/Number/Number' ; import { FunctionComponent , ReactElement } from 'react' ; type Props = { number : number ; color ? : ColorSelection ; description ? : 'Part' | 'Episode' ; } ; const PartNumberIndicator = ( { number , color , description = 'Part' , } ) : ReactElement < Props > => ( < div className = { classNames ( { [ font ( 'wb' , 5 ) ] : true , } ) } > { description } < Number color = { color } number = { number } / > < /div>); export default PartNumberIndicator ;