import { border } from "../../border/border" ; import { DivPx } from "../../div/div" ; import { text } from "../../text/text" ; import s from "./sub.module.css" ; export interface DialogSubProps { children : React . ReactNode ; } export const DialogBody = ( props ) : JSX . Element => ( < div className = { s . body } children = { props . children } / > ) ; export const DialogHeader = ( props ) : JSX . Element => ( < div className = { [ s . header , border . weak ] . join ( " " ) } children = { props . children } / > ) ; export const DialogTitle = ( props ) : JSX . Element => ( < > < div className = { [ text . big , text . strong ] . join ( " " ) } children = { props . children } / > < DivPx size = { 16 } /> < />); export const DialogFooter = ( props ) : JSX . Element => ( < div className = { s . footer } children = { props . children } / > ) ;