import * as React from 'react' ; import * as PropTypes from 'prop-types' ; import { TimelineStep as _TimelineStep , TimelineRow , TimelineBullet } from './styled' ; export type LocalTimelineStepProps = { a11yDescriptionId ? : string ; a11yTitleId ? : string ; children : React . ReactNode ; lineColor ? : string ; progressColor ? : string ; } ; export type LocalTimelineRowProps = { lineColor ? : string ; } ; export type TimelineStepProps = LocalTimelineStepProps ; export type TimelineRowProps = LocalTimelineRowProps ; const TimelineStep = ( { a11yDescriptionId , a11yTitleId , children , lineColor , progressColor } ) => ( < TimelineRow lineColor = { lineColor } aria - labelledby = { a11yTitleId } aria - describedby = { a11yDescriptionId } > < TimelineBullet backgroundColor = { progressColor } /> < _TimelineStep aria - labelledby = { a11yTitleId } aria - describedby = { a11yDescriptionId } > { children } < /_TimelineStep> < /TimelineRow>); export const timelineStepPropTypes = { a11yDescriptionId : PropTypes . string , a11yTitleId : PropTypes . string , children : PropTypes . node . isRequired , lineColor : PropTypes . string , progressColor : PropTypes . string } ; TimelineStep . propTypes = timelineStepPropTypes ; export const timelineStepDefaultProps = { a11yDescriptionId : undefined , a11yTitleId : undefined , lineColor : undefined , progressColor : 'textTint' } ; TimelineStep . defaultProps = timelineStepDefaultProps ; const C = TimelineStep ; export default C ;