---
import type { Locale } from "@/types";

interface Props {
  locale: Locale;
  class?: string;
}

const { locale, class: className = "" } = Astro.props;
---

{locale === "fr" && (
  <svg class={className} viewBox="0 0 3 2" aria-hidden="true" focusable="false">
    <rect width="1" height="2" fill="#002654" />
    <rect x="1" width="1" height="2" fill="#ffffff" />
    <rect x="2" width="1" height="2" fill="#ce1126" />
  </svg>
)}

{locale === "en" && (
  <svg class={className} viewBox="0 0 60 30" aria-hidden="true" focusable="false">
    <rect width="60" height="30" fill="#012169" />
    <path d="M0,0 L60,30 M60,0 L0,30" stroke="#ffffff" stroke-width="6" />
    <path d="M0,0 L60,30 M60,0 L0,30" stroke="#c8102e" stroke-width="3.5" />
    <path d="M30,0 V30 M0,15 H60" stroke="#ffffff" stroke-width="10" />
    <path d="M30,0 V30 M0,15 H60" stroke="#c8102e" stroke-width="6" />
  </svg>
)}