import LayoutCard , { LayoutCardProps } from './LayoutCard' ; import { classnames } from '../../helpers' ; interface Props { list : LayoutCardProps [ ] ; className ? : string ; liClassName ? : string ; describedByID : string ; } const LayoutCards = ( { list = [ ] , className , liClassName , describedByID } ) => { return ( < ul className = { classnames ( [ 'unstyled m0 flex' , className ] ) } > { list . map ( ( { selected , label , src , onChange , disabled } , index ) => { return ( < li className = { liClassName } key = { label } > < LayoutCard key = { index . toString ( ) } selected = { selected } label = { label } src = { src } onChange = { onChange } disabled = { disabled } describedByID = { describedByID } / > < /li>); } ) } < /ul>); } ; export default LayoutCards ;