create button, textlink, add icons and font
This commit is contained in:
28
src/components/ui/text-link.tsx
Normal file
28
src/components/ui/text-link.tsx
Normal file
@@ -0,0 +1,28 @@
|
||||
import { cn } from "@/lib/utils";
|
||||
import type { FC, ReactNode } from "react";
|
||||
|
||||
interface TextLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
|
||||
children?: ReactNode;
|
||||
className?: string;
|
||||
disabled?: boolean;
|
||||
}
|
||||
|
||||
export const TextLink: FC<TextLinkProps> = ({
|
||||
children,
|
||||
className,
|
||||
disabled = false,
|
||||
...props
|
||||
}) => {
|
||||
return (
|
||||
<a
|
||||
data-disabled={disabled}
|
||||
className={cn(
|
||||
"text-feedback-info-900 data-[disabled=true]:opacity-50 font-[600] data-[disabled=false]:cursor-pointer data-[disabled=false]:hover:border-b-[2px] w-fit transition-all duration-75",
|
||||
className,
|
||||
)}
|
||||
{...props}
|
||||
>
|
||||
{children}
|
||||
</a>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user