import { Hexagon } from 'lucide-react';

const StudioLogo = () => (
  <div className="flex items-center gap-3">
    <div className="relative grid h-10 w-10 place-items-center rounded-xl border border-cyan-400/30 bg-cyan-400/10 text-cyan-300">
      <Hexagon className="h-6 w-6" />
      <span className="absolute text-[9px] font-black">S</span>
    </div>
    <div>
      <div className="font-semibold tracking-[.18em] text-white">SHiRE</div>
      <div className="text-[9px] uppercase tracking-[.22em] text-slate-500">Dental Studio</div>
    </div>
  </div>
);
export default StudioLogo;