import Svg, { Path, Rect, Text as SvgText } from 'react-native-svg';

// Logo A: calendar page with a section sign. Keep in sync with assets/logo.svg.
export function Logo({ size = 36 }: { size?: number }) {
  return (
    <Svg width={size} height={size} viewBox="0 0 256 256">
      <Rect width={256} height={256} rx={56} fill="#0B3C5D" />
      <Rect x={48} y={62} width={160} height={150} rx={18} fill="#FFFFFF" />
      <Path d="M48 80a18 18 0 0 1 18-18h124a18 18 0 0 1 18 18v28H48z" fill="#B8860B" />
      <Rect x={82} y={40} width={14} height={40} rx={7} fill="#F2D27A" />
      <Rect x={160} y={40} width={14} height={40} rx={7} fill="#F2D27A" />
      <SvgText x={128} y={190} fontFamily="Georgia, serif" fontWeight="700" fontSize={84} textAnchor="middle" fill="#0B3C5D">§</SvgText>
    </Svg>
  );
}