// Brand mark for آرام جان — the real app icon (blue→indigo lotus) served as a
// vector from /logo.svg, so it stays crisp at any size and matches the store
// icon exactly. Size it with `className` (e.g. "w-9 h-9"); corners are rounded
// like an app icon.
function LotusLogo({ className = "w-9 h-9", title = "آرام جان" }) {
  return (
    <span className={`inline-block overflow-hidden rounded-[22%] ${className}`}>
      <img
        src="/logo.svg"
        alt={title}
        className="w-full h-full object-cover"
      />
    </span>
  );
}

export default LotusLogo;