"use client";
import Link from "next/link";
import React from "react";

export const Logo = () => {
  return (
    <Link
      href="/"
      className="font-normal flex space-x-2 items-center text-sm mr-4  text-black px-2 py-1  relative z-20"
    >
      <div className="h-6 w-6 bg-pink-500 rounded-lg flex items-center justify-center">
        <span className="text-white font-bold text-xs">H</span>
      </div>
      <span className="font-medium text-black">HerCraft</span>
    </Link>
  );
};
