import { HTMLProps , ReactNode } from 'react' ; import Icon from '../icon/Icon' ; interface Props extends HTMLProps < HTMLElement > { children : ReactNode ; } const Summary = ( { children , ... rest } ) => ( < summary { ... rest } > < div className = "flex flex-nowrap" > < Icon name = "angle-down" className = "summary-caret mr0-25 mt0-25 flex-item-noshrink" / > < div className = "flex-item-fluid" > { children } < /div> < /div> < /summary>); export default Summary ;