import { Link } from "@cloudflare/kumo";

const Footer = () => {
  return (
    <div className="hidden md:block text-center text-kumo-inactive text-xs">
      <div className="md:flex items-start justify-center mb-4">
        This playground is powered by
        <svg
          className="ml-2"
          width="83"
          height="12"
          viewBox="0 0 83 12"
          fill="none"
          xmlns="http://www.w3.org/2000/svg"
        >
          <title>Cloudflare Logo</title>
          <path
            d="M18.0301 11.8304L18.1638 11.3598C18.3263 10.8029 18.2658 10.2843 17.995 9.90664C17.7465 9.55775 17.3324 9.35289 16.8291 9.32729L7.3044 9.20566C7.24069 9.20245 7.18654 9.17365 7.15468 9.12563C7.12283 9.07762 7.11327 9.0136 7.13557 8.95279C7.16742 8.85996 7.2598 8.78634 7.35537 8.78314L16.9661 8.66151C18.1065 8.6103 19.3393 7.67885 19.7725 6.54575L20.3204 5.10536C20.3364 5.06695 20.3427 5.02534 20.3427 4.98373C20.3427 4.96132 20.3396 4.93892 20.3364 4.91651C19.7184 2.10296 17.2177 0 14.2329 0C11.4806 0 9.14245 1.78608 8.30466 4.26674C7.76312 3.86023 7.07186 3.64257 6.32645 3.71619C5.00446 3.84743 3.94368 4.91651 3.81307 6.24487C3.77803 6.59056 3.8067 6.92025 3.88634 7.23393C1.72974 7.29795 0 9.07442 0 11.2542C0 11.4527 0.0159276 11.6447 0.0414118 11.8368C0.0541539 11.9296 0.133792 11.9968 0.226172 11.9968L17.8071 12C17.8103 12 17.8103 12 17.8134 12C17.9122 11.9968 18.0014 11.9296 18.0301 11.8304Z"
            fill="#F6821F"
          />
          <path
            d="M21.2027 5.21094C21.1135 5.21094 21.0275 5.21414 20.9383 5.21734C20.9224 5.21734 20.9096 5.22054 20.8969 5.22694C20.8523 5.24295 20.8141 5.28136 20.8013 5.32937L20.4254 6.62892C20.263 7.18586 20.3235 7.7044 20.5943 8.0821C20.8427 8.431 21.2568 8.63585 21.7602 8.66146L23.7893 8.78309C23.8499 8.78629 23.9008 8.8151 23.9327 8.86311C23.9677 8.91112 23.9741 8.97514 23.955 9.03596C23.9231 9.12878 23.8308 9.2024 23.7352 9.2056L21.6264 9.32723C20.4828 9.38165 19.2468 10.3099 18.8135 11.443L18.6606 11.8431C18.632 11.9167 18.6861 11.9935 18.7594 11.9967C18.7626 11.9967 18.7626 11.9967 18.7658 11.9967H26.0256C26.1116 11.9967 26.188 11.9391 26.2135 11.8559C26.341 11.4046 26.4078 10.9309 26.4078 10.4379C26.4078 7.55396 24.076 5.21094 21.2027 5.21094Z"
            fill="#FBAD41"
          />
          <path
            d="M34.4131 7.55713H35.614V10.8572H37.7165V11.9135H34.4131V7.55713Z"
            fill="currentColor"
          />
          <path
            d="M38.9624 9.74654V9.73373C38.9624 8.4822 39.9658 7.46753 41.3038 7.46753C42.6417 7.46753 43.6324 8.4694 43.6324 9.72093V9.73373C43.6324 10.9853 42.629 11.9999 41.291 11.9999C39.9531 11.9999 38.9624 10.9981 38.9624 9.74654ZM42.406 9.74654V9.73373C42.406 9.10637 41.9536 8.55582 41.291 8.55582C40.6348 8.55582 40.1952 9.09036 40.1952 9.72093V9.73373C40.1952 10.3611 40.6476 10.9116 41.3038 10.9116C41.9664 10.9116 42.406 10.3771 42.406 9.74654Z"
            fill="currentColor"
          />
          <path
            d="M45.104 10.0026V7.55713H46.3241V9.98018C46.3241 10.6075 46.6394 10.9084 47.1236 10.9084C47.6078 10.9084 47.9232 10.6235 47.9232 10.0122V7.56033H49.1432V9.97697C49.1432 11.3854 48.3437 11.9999 47.1109 11.9999C45.8781 11.9935 45.104 11.3661 45.104 10.0026Z"
            fill="currentColor"
          />
          <path
            d="M50.9844 7.55713H52.6568C54.205 7.55713 55.1033 8.45337 55.1033 9.7113V9.72411C55.1033 10.982 54.1922 11.9167 52.6313 11.9167H50.9844V7.55713ZM52.6759 10.8444C53.3958 10.8444 53.8705 10.4475 53.8705 9.74331V9.73051C53.8705 9.03272 53.3927 8.62942 52.6759 8.62942H52.1853V10.8444H52.6759Z"
            fill="currentColor"
          />
          <path
            d="M56.8491 7.55713H60.3213V8.61341H58.0532V9.35601H60.1047V10.3579H58.0532V11.9135H56.8491V7.55713Z"
            fill="currentColor"
          />
          <path
            d="M61.9937 7.55713H63.1946V10.8572H65.2939V11.9135H61.9937V7.55713Z"
            fill="currentColor"
          />
          <path
            d="M68.4377 7.52515H69.5972L71.4448 11.9135H70.1547L69.8393 11.1357H68.1669L67.8579 11.9135H66.5933L68.4377 7.52515ZM69.4889 10.1947L69.0047 8.95593L68.5141 10.1947H69.4889Z"
            fill="currentColor"
          />
          <path
            d="M72.9897 7.55713H75.0412C75.7038 7.55713 76.1625 7.73318 76.4524 8.03085C76.7073 8.28052 76.8379 8.61661 76.8379 9.04553V9.05833C76.8379 9.72411 76.4843 10.1658 75.9459 10.3963L76.9812 11.9167H75.5923L74.7195 10.5979H74.1907V11.9167H72.9897V7.55713ZM74.9839 9.64729C75.3916 9.64729 75.6274 9.44883 75.6274 9.13195V9.11915C75.6274 8.77665 75.3789 8.60381 74.9775 8.60381H74.1907V9.65049H74.9839V9.64729Z"
            fill="currentColor"
          />
          <path
            d="M78.5708 7.55713H82.0589V8.5846H79.7622V9.24398H81.8423V10.1946H79.7622V10.886H82.0908V11.9135H78.5708V7.55713Z"
            fill="currentColor"
          />
          <path
            d="M31.782 10.2587C31.6132 10.6396 31.2596 10.9116 30.7881 10.9116C30.1319 10.9116 29.6796 10.3643 29.6796 9.73373V9.72093C29.6796 9.09356 30.1192 8.55582 30.7754 8.55582C31.2692 8.55582 31.6482 8.8631 31.8075 9.27921H33.0753C32.8715 8.24214 31.9668 7.46753 30.7881 7.46753C29.4502 7.46753 28.4468 8.4822 28.4468 9.73373V9.74654C28.4468 10.9981 29.4375 11.9999 30.7754 11.9999C31.919 11.9999 32.8141 11.2541 33.0499 10.2555H31.782V10.2587Z"
            fill="currentColor"
          />
        </svg>
      </div>
      <div>
        Use of the Workers AI LLM Playground is subject to the{" "}
        <Link href="https://www.cloudflare.com/website-terms/">
          Cloudflare Website and Online Services Terms of Use
        </Link>{" "}
        and{" "}
        <Link href="https://www.cloudflare.com/privacypolicy/">
          Privacy Policy
        </Link>
        . This site uses only strictly necessary cookies pursuant to our{" "}
        <Link href="https://www.cloudflare.com/cookie-policy/">
          Cookie Policy
        </Link>
        . The models featured in the Workers AI LLM Playground may be subject to
        additional third-party license terms and restrictions, as further
        detailed in the{" "}
        <Link href="https://developers.cloudflare.com/workers-ai/">
          developer documentation
        </Link>
        . The output generated by the Workers AI LLM Playground has not been
        verified by Cloudflare for accuracy and does not represent Cloudflare's
        views.
      </div>
    </div>
  );
};
export default Footer;
