"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>
  );
};