Skip to content

Commit

Permalink
lint
Browse files Browse the repository at this point in the history
  • Loading branch information
indaviande committed Dec 17, 2024
1 parent c5c71fa commit 8e8f702
Showing 1 changed file with 5 additions and 26 deletions.
31 changes: 5 additions & 26 deletions src/components/primitives/Text.tsx
Original file line number Diff line number Diff line change
Expand Up @@ -19,8 +19,7 @@ export const textStyles = tv(
md: "text-base",
lg: "text-lg",
xl: "text-xl",
display1:
"font-title font-bold leading-tight italic uppercase !text-[clamp(44px,5vw+0.875rem,104px)]",
display1: "font-title font-bold leading-tight italic uppercase !text-[clamp(44px,5vw+0.875rem,104px)]",
1: "font-title font-bold italic leading-none !text-[clamp(44px,4.333vw+1.125rem,96px)]",
2: "font-title font-bold leading-none italic !text-[clamp(38px,0.667vw+2.125rem,46px)]",
3: "font-title font-bold leading-none italic !text-[clamp(26px,0.667vw+1.375rem,34px)]",
Expand All @@ -38,32 +37,12 @@ export const textStyles = tv(
size: "md",
},
},
{ twMerge: false }
{ twMerge: false },
);

export type TextProps = Component<
Styled<typeof textStyles> & { bold?: boolean },
HTMLParagraphElement
>;
export type TextProps = Component<Styled<typeof textStyles> & { bold?: boolean }, HTMLParagraphElement>;

export default function Text({
look,
size,
style,
bold,
interactable,
className,
...props
}: TextProps) {
export default function Text({ look, size, style, bold, interactable, className, ...props }: TextProps) {
const styleBold = bold ? "font-bold" : "";
return (
<p
className={mergeClass(
textStyles({ look, size, interactable }),
styleBold,
className
)}
{...props}
/>
);
return <p className={mergeClass(textStyles({ look, size, interactable }), styleBold, className)} {...props} />;
}

0 comments on commit 8e8f702

Please sign in to comment.