import { ChildrenType } from '@/utils/globalTypes' ; const style = { card : `relative flex flex-col rounded-lg shadow-custom` , cardBody : `block flex-grow flex-shrink px-3 py-5` , cardTitle : `font-semibold text-custom dark:text-white mb-3` , } ; const inlineStyle = { boxShadow : '0 2px 5px 0 rgb(0 0 0 / 16%), 0 2px 10px 0 rgb(0 0 0 / 12%)' , } ; function Card ( { children } ) { return < div className = { style . card } > { children } < /div>; } function CardBody ( { children } ) { return < div className = { style . cardBody } > { children } < /div>; } function CardTitle ( { children } ) { return < h2 className = { style . cardTitle } > { children } < /h2>; } export { Card , CardBody , CardTitle } ;