interface Props {
  isDark: boolean;
}

export default function BottomIllustration({ isDark }: Props) {
  const hillColor = isDark ? '#16a34a' : '#22c55e';

  return (
    <div className="w-full">
      <svg viewBox="0 100 1600 250" className="w-full block" preserveAspectRatio="xMidYMax meet">
        {/* Green hill */}
        <path d="M0,350 C400,150 1200,150 1600,350 Z" fill={hillColor} />
        {/* Inner shadow for depth */}
        <path d="M100,350 C450,180 1150,180 1500,350 Z" fill="#000" opacity="0.08" />
        <path d="M250,350 C550,220 1050,220 1350,350 Z" fill="#000" opacity="0.06" />

        {/* House */}
        <image href="/house.png" x="735" y="100" width="130" height="120" />
      </svg>
    </div>
  );
}
