app-happy-bear-bop/components/Logo.tsx

24 lines
712 B
TypeScript

"use client";
import { cn } from "@/lib/utils";
import Link from "next/link";
import React from "react";
export const Logo = ({ className }: { className?: string }) => {
return (
<Link
href="/"
className={cn(
"font-normal flex space-x-2 items-center text-sm mr-4 px-2 py-1 relative z-20",
className || "text-black"
)}
>
{/* Replace with actual logo or app name */}
<div className={cn(
"h-5 w-6 rounded-br-lg rounded-tr-sm rounded-tl-lg rounded-bl-sm transition-colors duration-200",
className?.includes("text-white") ? "bg-white" : "bg-black"
)} />
<span className="font-medium">Miami Elite Coaching</span>
</Link>
);
};