/**
 * "Website door invoker": de signature van het bureau, voor in de voet van een
 * klantsite. Neem invoker-signature.css mee (of neem de regels over in je eigen
 * stylesheet) en lees daar de uitleg over schalen en uitlijnen.
 *
 * Het woordmerk is het échte vectorpad uit
 * ~/projects/invoker/public/logo/invoker-wordmark.svg, inclusief de `$`-prompt
 * die volgens de brand-kit een vast merkelement is. Inline gezet zodat
 * `currentColor` werkt. De viewBox is bijgesneden tot de echte inkt van het pad
 * (gemeten met getBBox: x 20..551, y 20..109,2 in de originele viewBox).
 */
const WOORDMERK = "M34.100 9L26.200 9L26.200 0.900Q16.400-0.300 10.700-6.750Q5-13.200 4.200-23.600L4.200-23.600L16.400-24.300Q18-12.800 26.200-10.300L26.200-10.300L26.200-30.900Q16-33.500 10.950-38.250Q5.900-43 5.900-51L5.900-51Q5.900-59.400 11.200-64.800Q16.500-70.200 26.200-71.100L26.200-71.100L26.200-80.200L34.100-80.200L34.100-71Q43.400-69.900 48.650-64Q53.900-58.100 54.800-48.600L54.800-48.600L42.600-48Q42-52.600 40-55.700Q38-58.800 34.100-59.900L34.100-59.900L34.100-40.100Q42.200-37.800 46.950-35Q51.700-32.200 53.750-28.250Q55.800-24.300 55.800-18.700L55.800-18.700Q55.800-10.200 49.950-4.950Q44.100 0.300 34.100 1.100L34.100 1.100L34.100 9ZM17.500-51.600L17.500-51.600Q17.500-48.100 19.300-46.150Q21.100-44.200 26.200-42.400L26.200-42.400L26.200-60.200Q22-59.600 19.750-57.350Q17.500-55.100 17.500-51.600ZM44-18.400L44-18.400Q44-22 42-24.300Q40-26.600 34.100-28.700L34.100-28.700L34.100-9.700Q44-10.700 44-18.400ZM176.800 0L127.200 0L127.200-9.600L147.600-9.600L147.600-43.800L128.200-43.800L128.200-53.400L159.400-53.400L159.400-9.600L176.800-9.600L176.800 0ZM159.100-60.500L147.100-60.500L147.100-71.700L159.100-71.700L159.100-60.500ZM199.400 0L187.600 0L187.600-53.400L198.400-53.400L198.700-43.800Q200.800-49.300 205.150-51.950Q209.500-54.600 215.100-54.600L215.100-54.600Q221-54.600 224.800-52Q228.600-49.400 230.500-44.850Q232.400-40.300 232.400-34.500L232.400-34.500L232.400 0L220.600 0L220.600-31.700Q220.600-44.500 211.100-44.500L211.100-44.500Q206.300-44.500 202.850-41.150Q199.400-37.800 199.400-31.300L199.400-31.300L199.400 0ZM277.300 0L262.700 0L244-53.400L256.700-53.400L270-12.800L283.300-53.400L296-53.400L277.300 0ZM330 1.200L330 1.200Q322.500 1.200 316.850-2.250Q311.200-5.700 308.100-11.950Q305-18.200 305-26.700L305-26.700Q305-35.200 308.100-41.450Q311.200-47.700 316.850-51.150Q322.500-54.600 330-54.600L330-54.600Q337.500-54.600 343.100-51.150Q348.700-47.700 351.850-41.450Q355-35.200 355-26.700L355-26.700Q355-18.200 351.850-11.950Q348.700-5.700 343.100-2.250Q337.500 1.200 330 1.200ZM330-9.400L330-9.400Q336-9.400 339.350-13.950Q342.700-18.500 342.700-26.700L342.700-26.700Q342.700-34.900 339.350-39.450Q336-44 330-44L330-44Q323.900-44 320.600-39.450Q317.300-34.900 317.300-26.700L317.300-26.700Q317.300-18.500 320.600-13.950Q323.900-9.400 330-9.400ZM378.800 0L367 0L367-71L378.800-71L378.800-28.300L401-53.400L415.500-53.400L395-30.600L416.400 0L402.700 0L387.200-22.900L378.800-14L378.800 0ZM450.400 1.200L450.400 1.200Q442.800 1.200 437.200-2.250Q431.600-5.700 428.450-11.950Q425.300-18.200 425.300-26.700L425.300-26.700Q425.300-35.100 428.400-41.350Q431.500-47.600 437.100-51.100Q442.700-54.600 450.100-54.600L450.100-54.600Q457.300-54.600 462.850-51.200Q468.400-47.800 471.550-41.500Q474.700-35.200 474.700-26.500L474.700-26.500L474.700-23.400L437.500-23.400Q438-16.500 441.450-12.950Q444.900-9.400 450.600-9.400L450.600-9.400Q454.800-9.400 457.650-11.400Q460.500-13.400 461.600-16.800L461.600-16.800L473.700-15.900Q471.200-7.900 465.200-3.350Q459.200 1.200 450.400 1.200ZM437.700-32L437.700-32L461.900-32Q461.400-38.100 458.200-41.050Q455-44 450-44L450-44Q444.900-44 441.700-40.950Q438.500-37.900 437.700-32ZM529.300 0L487.800 0L487.800-9.600L501-9.600L501-43.800L487.800-43.800L487.800-53.400L510-53.400L510.700-43Q513.200-53.400 523.500-53.400L523.500-53.400L535.200-53.400L535.200-43.500L524.200-43.500Q512.800-43.500 512.800-31.200L512.800-31.200L512.800-9.600L529.300-9.600L529.300 0Z";

export default function InvokerSignature({ className = "" }: { className?: string }) {
  return (
    <a
      className={`invoker-signature ${className}`.trim()}
      href="https://invoker.nl/"
      target="_blank"
      rel="noopener noreferrer"
      aria-label="Website door invoker, opent invoker.nl in een nieuw tabblad"
    >
      <span className="invoker-signature__label">Website door</span>
      <svg
        className="invoker-signature__merk"
        viewBox="20 20 531 89.2"
        role="img"
        aria-hidden="true"
        focusable="false"
      >
        <g transform="translate(15.8 100.2)" fill="currentColor">
          <path d={WOORDMERK} />
        </g>
      </svg>
      <span className="invoker-signature__cursor" aria-hidden="true" />
    </a>
  );
}