blessing-skin-server/resources/assets/src/components/ModalHeader.tsx
2024-03-05 10:28:07 +08:00

28 lines
551 B
TypeScript

export type Props = {
readonly title?: string;
};
type InternalProperties = {
onDismiss?(): void;
readonly show?: boolean;
};
const ModalHeader: React.FC<Props & InternalProperties> = properties =>
properties.show ? (
<div className='modal-header'>
<h5 className='modal-title'>{properties.title}</h5>
<button
type='button'
className='close'
data-dismiss='modal'
aria-label='Close'
onClick={properties.onDismiss}
>
<span aria-hidden>&times;</span>
</button>
</div>
) : null;
export default ModalHeader;