export default function Logo({ className = "" }: { className?: string }) {
  return (
    <div className={`flex items-center gap-2 ${className}`.trim()}>
      <div className="flex h-8 w-8 items-center justify-center rounded-full bg-blue-500">
        <span className="text-sm font-bold text-white">S</span>
      </div>
      <div className="flex items-baseline gap-2">
        <span className="text-lg font-bold text-slate-900">AdminTemplate</span>
        <span className="text-sm font-medium text-slate-500">Base</span>
      </div>
    </div>
  );
}