mirror of
https://github.com/storytold/artcraft.git
synced 2026-11-04 01:18:34 +00:00
code cleanup
This commit is contained in:
1 parent
ec1d4e76d6
commit
225eed7ef6
1 file changed
+7
-27
@@ -7,51 +7,31 @@ interface TypoProps {
|
||||
const baseTypo = "text-white";
|
||||
|
||||
export const H1 = ({ className, children }: TypoProps) => (
|
||||
<h1 className={twMerge(baseTypo, "text-2xl font-medium", className)}>
|
||||
{children}
|
||||
</h1>
|
||||
<h1 className={twMerge(baseTypo, "text-2xl font-medium", className)}>{children}</h1>
|
||||
);
|
||||
|
||||
export const H2 = ({ className, children }: TypoProps) => (
|
||||
<h2 className={twMerge(baseTypo, "text-xl font-medium", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</h2>
|
||||
<h2 className={twMerge(baseTypo, "text-xl font-medium", className)}>{children}</h2>
|
||||
);
|
||||
|
||||
export const H3 = ({ className, children }: TypoProps) => (
|
||||
<h3 className={twMerge(baseTypo, "text-lg font-medium", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</h3>
|
||||
<h3 className={twMerge(baseTypo, "text-lg font-medium", className)}>{children}</h3>
|
||||
);
|
||||
|
||||
export const H4 = ({ className, children }: TypoProps) => (
|
||||
<h4 className={twMerge(baseTypo, "text-base font-medium", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</h4>
|
||||
<h4 className={twMerge(baseTypo, "text-base font-medium", className)}>{children}</h4>
|
||||
);
|
||||
|
||||
export const Label = ({ className, children }: TypoProps) => (
|
||||
<label className={twMerge(baseTypo, "mb-2 text-base font-medium", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</label>
|
||||
<label className={twMerge(baseTypo, "mb-2 text-base font-medium", className)}>{children}</label>
|
||||
);
|
||||
|
||||
export const H5 = ({ className, children }: TypoProps) => (
|
||||
<h5 className={twMerge(baseTypo, "text-sm font-medium", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</h5>
|
||||
<h5 className={twMerge(baseTypo, "text-sm font-medium", className)}>{children}</h5>
|
||||
);
|
||||
|
||||
export const H6 = ({ className, children }: TypoProps) => (
|
||||
<h6 className={twMerge(baseTypo, "text-sm font-light", className)}>
|
||||
{" "}
|
||||
{children}{" "}
|
||||
</h6>
|
||||
<h6 className={twMerge(baseTypo, "text-sm font-light", className)}>{children}</h6>
|
||||
);
|
||||
|
||||
export const P = ({ className, children }: TypoProps) => (
|
||||
|
||||
Reference in new issue
Block a user