mirror of https://github.com/sgoudham/website.git
You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
32 lines
700 B
TypeScript
32 lines
700 B
TypeScript
export const FancyUnderline = ({
|
|
decoration,
|
|
className,
|
|
children,
|
|
}: {
|
|
decoration: string;
|
|
className?: string;
|
|
children: React.ReactNode;
|
|
}) => {
|
|
return (
|
|
<span className={`underline ${decoration} decoration-2 ${className ?? ""}`}>
|
|
{children}
|
|
</span>
|
|
);
|
|
};
|
|
|
|
export const Text = ({ className, children }: { className?: string, children: React.ReactNode }) => {
|
|
return <p className={`text-md lg:text-lg xl:text-xl ${className ?? ""}`}>{children}</p>;
|
|
};
|
|
|
|
export const GroupedText = ({
|
|
className,
|
|
children,
|
|
}: {
|
|
className: string;
|
|
children: React.ReactNode;
|
|
}) => {
|
|
return (
|
|
<div className={`flex flex-col mx-3 gap-3 ${className}`}>{children}</div>
|
|
);
|
|
};
|