import React from 'react';

export const Logo: React.FC<{ className?: string }> = ({ className = "h-12 w-12" }) => {
  return (
    <svg viewBox="0 0 100 120" fill="none" xmlns="http://www.w3.org/2000/svg" className={className}>
      {/* Female Symbol Base */}
      <circle cx="50" cy="50" r="30" stroke="currentColor" strokeWidth="8" />
      <line x1="50" y1="80" x2="50" y2="115" stroke="currentColor" strokeWidth="8" />
      <line x1="30" y1="100" x2="70" y2="100" stroke="currentColor" strokeWidth="8" />
      
      {/* Witch Hat / Stylized Figure */}
      <path 
        d="M20 50 L50 5 L80 50" 
        fill="currentColor" 
        stroke="currentColor" 
        strokeWidth="4"
        strokeLinejoin="round"
      />
      <path
        d="M20 50 Q50 65 80 50"
        stroke="currentColor"
        strokeWidth="4"
        fill="none"
      />
      
      {/* Star Accent */}
      <path
        d="M65 25 L68 32 L75 32 L70 37 L72 44 L65 40 L58 44 L60 37 L55 32 L62 32 Z"
        fill="#ED1C24"
        className="text-brand-red"
      />
    </svg>
  );
};