import * as React from 'react' ; import cx from 'classnames' ; import { OutlineButton } from '@opentrons/components' ; import styles from './styles.css' ; import type { ButtonProps } from '@opentrons/components' ; type MaybeButtonProps = ButtonProps | null | undefined ; interface Props { buttons : MaybeButtonProps [ ] ; className ? : string | null ; description ? : React . ReactNode | null ; } export function BottomButtonBar ( props ) { const buttons = props . buttons . filter ( Boolean ) ; const className = cx ( styles . bottom_button_bar , props . className ) ; return ( < div className = { className } > { props . description } < div > { buttons . map ( ( button , index ) => ( < OutlineButton { ... button } key = { index } className = { cx ( styles . bottom_button , button . className ) } / > ) ) } < /div> < /div>); }