import { DetailedHTMLProps , HTMLAttributes , ReactNode } from 'react' ; import { classnames } from '../../helpers' ; interface Props extends DetailedHTMLProps < HTMLAttributes < HTMLHeadingElement > , HTMLHeadingElement > { id : string ; children : ReactNode ; } const Title = ( { children , className , ... rest } ) => { return ( < h1 className = { classnames ( [ 'modal-title no-outline' , className ] ) } data - focus - trap - fallback = "0" tabIndex = { - 1 } { ... rest } > { children } < /h1>); } ; export default Title ;