import classNames from "classnames"; import { ReactNode } from "react"; import { useNavigate } from "react-router-dom"; import { Icon, Icons } from "@/components/Icon"; import { Heading2, Heading3, Paragraph } from "@/components/utils/Text"; export function Card(props: { children?: React.ReactNode; className?: string; onClick?: () => void; }) { return (
{props.children}
); } export function CardContent(props: { title: ReactNode; description: ReactNode; subtitle: ReactNode; colorClass: string; children?: React.ReactNode; icon: Icons; }) { return (
{props.subtitle} {props.title} {props.description}
{props.children}
); } export function Link(props: { children?: React.ReactNode; to?: string; href?: string; className?: string; target?: "_blank"; }) { const navigate = useNavigate(); return ( { if (props.to) navigate(props.to); }} href={props.href} target={props.target} className={classNames( "text-onboarding-link cursor-pointer inline-flex gap-2 items-center group hover:opacity-75 transition-opacity", props.className, )} rel="noreferrer" > {props.children} ); }