Files
reflector/www/app/lib/textComponents.tsx
2023-09-25 19:58:41 +02:00

19 lines
572 B
TypeScript

type SimpleProps = {
children: JSX.Element | string | (JSX.Element | string)[];
className?: string;
};
const Title = ({ children, className }: SimpleProps) => (
<h2 className={`text-lg font-bold md:text-xl ${className || ""}`}>
{children}
</h2>
);
const Subtitle = ({ children, className }: SimpleProps) => (
<h3 className={`text-base md:text-lg ${className || ""}`}>{children}</h3>
);
const Paragraph = ({ children, className }: SimpleProps) => (
<p className={`mb-2 md:mb-4 ${className || ""}`}>{children}</p>
);
export { Title, Subtitle, Paragraph };