export function Card( { children, className = '' } ) {
	return <div className={ `rtgw-card ${ className }`.trim() }>{ children }</div>;
}

export function CardHeader( { children } ) {
	return <div className="rtgw-card__header">{ children }</div>;
}

export function CardBody( { children } ) {
	return <div className="rtgw-card__body">{ children }</div>;
}

export function CardFooter( { children, className = '' } ) {
	return <div className={ `rtgw-card__footer ${ className }`.trim() }>{ children }</div>;
}