export function UnkeyFooterLogo({ className }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 1376 248"
      className={`fill-current xl:max-w-[1376px] ${className}`}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M605.71 303.095H654.531V211.262H718.721L785.172 303.095H842.581L758.501 186.381L843.034 78.262H786.076L718.721 167.381H654.531V0H605.71V303.095Z"
        fill="url(#paint0_linear_830_5781)"
      />
      <path
        d="M1136.87 380H1168.96C1215.07 380 1240.39 367.786 1258.92 327.524L1376 78.2617H1322.21L1269.32 197.238L1248.07 251.524H1244.46L1222.31 197.69L1164.9 78.2617H1110.2L1220.95 303.095L1215.52 314.857C1208.74 330.238 1200.61 335.667 1180.72 335.667H1136.87V380Z"
        fill="url(#paint1_linear_830_5781)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M980.059 307.619C906.376 307.619 858.007 266 858.007 190.905C858.007 120.786 905.924 73.738 979.155 73.738C1048.77 73.738 1096.23 112.19 1096.23 180.5C1096.23 188.643 1095.78 194.976 1094.43 201.762H903.664C905.472 245.19 926.718 268.262 978.703 268.262C1025.72 268.262 1045.15 252.881 1045.15 226.19V222.571H1093.97V226.643C1093.97 274.595 1046.96 307.619 980.059 307.619ZM978.251 112.19C928.526 112.19 906.828 134.357 904.116 174.619H1050.13V173.714C1050.13 132.095 1026.17 112.19 978.251 112.19Z"
        fill="url(#paint2_linear_830_5781)"
      />
      <path
        d="M376.418 303.095H327.598V78.2618H372.35V147.929H375.514C382.295 109.928 412.13 73.738 469.087 73.738C531.469 73.738 562.208 115.809 562.208 167.833V303.095H513.388V180.952C513.388 138.881 494.402 117.619 447.841 117.619C398.568 117.619 376.418 142.952 376.418 191.81V303.095Z"
        fill="url(#paint3_linear_830_5781)"
      />
      <path
        d="M0 177.333C0 259.667 51.533 307.619 141.942 307.619C232.803 307.619 284.336 259.667 284.336 177.333V0H235.515V174.167C235.515 235.238 208.392 260.572 141.942 260.572C75.4913 260.572 48.3687 235.238 48.3687 174.167V0H0V177.333Z"
        fill="url(#paint4_linear_830_5781)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_830_5781"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint1_linear_830_5781"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint2_linear_830_5781"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint3_linear_830_5781"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint4_linear_830_5781"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
      </defs>
    </svg>
  );
}

export function UnkeyFooterLogoMobile({ className }: { className?: string }) {
  return (
    <svg
      viewBox="0 0 1376 248"
      className={`fill-current xl:max-w-[1376px] ${className}`}
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M605.71 303.095H654.531V211.262H718.721L785.172 303.095H842.581L758.501 186.381L843.034 78.262H786.076L718.721 167.381H654.531V0H605.71V303.095Z"
        fill="url(#paint0_linear_830_5781_)"
      />
      <path
        d="M1136.87 380H1168.96C1215.07 380 1240.39 367.786 1258.92 327.524L1376 78.2617H1322.21L1269.32 197.238L1248.07 251.524H1244.46L1222.31 197.69L1164.9 78.2617H1110.2L1220.95 303.095L1215.52 314.857C1208.74 330.238 1200.61 335.667 1180.72 335.667H1136.87V380Z"
        fill="url(#paint1_linear_830_5781_)"
      />
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M980.059 307.619C906.376 307.619 858.007 266 858.007 190.905C858.007 120.786 905.924 73.738 979.155 73.738C1048.77 73.738 1096.23 112.19 1096.23 180.5C1096.23 188.643 1095.78 194.976 1094.43 201.762H903.664C905.472 245.19 926.718 268.262 978.703 268.262C1025.72 268.262 1045.15 252.881 1045.15 226.19V222.571H1093.97V226.643C1093.97 274.595 1046.96 307.619 980.059 307.619ZM978.251 112.19C928.526 112.19 906.828 134.357 904.116 174.619H1050.13V173.714C1050.13 132.095 1026.17 112.19 978.251 112.19Z"
        fill="url(#paint2_linear_830_5781_)"
      />
      <path
        d="M376.418 303.095H327.598V78.2618H372.35V147.929H375.514C382.295 109.928 412.13 73.738 469.087 73.738C531.469 73.738 562.208 115.809 562.208 167.833V303.095H513.388V180.952C513.388 138.881 494.402 117.619 447.841 117.619C398.568 117.619 376.418 142.952 376.418 191.81V303.095Z"
        fill="url(#paint3_linear_830_5781_)"
      />
      <path
        d="M0 177.333C0 259.667 51.533 307.619 141.942 307.619C232.803 307.619 284.336 259.667 284.336 177.333V0H235.515V174.167C235.515 235.238 208.392 260.572 141.942 260.572C75.4913 260.572 48.3687 235.238 48.3687 174.167V0H0V177.333Z"
        fill="url(#paint4_linear_830_5781_)"
      />
      <defs>
        <linearGradient
          id="paint0_linear_830_5781_"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint1_linear_830_5781_"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint2_linear_830_5781_"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint3_linear_830_5781_"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
        <linearGradient
          id="paint4_linear_830_5781_"
          x1="-243.049"
          y1="-228.123"
          x2="-150.186"
          y2="402.501"
          gradientUnits="userSpaceOnUse"
        >
          <stop stopColor="white" stopOpacity="0.4" />
          <stop offset="0.693236" stopColor="white" stopOpacity="0.1" />
        </linearGradient>
      </defs>
    </svg>
  );
}

export function UnkeyLogoSmall() {
  return (
    <svg
      width="75"
      height="32"
      viewBox="0 0 75 32"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="sm:mx-auto sm:items-start"
    >
      <path
        d="M8.64 24.24C3.84 24.24 1.104 21.696 1.104 17.328V7.92H3.672V17.16C3.672 20.4 5.112 21.744 8.64 21.744C12.168 21.744 13.608 20.4 13.608 17.16V7.92H16.2V17.328C16.2 21.696 13.464 24.24 8.64 24.24ZM21.0889 24H18.4969V12.072H20.8729V15.768H21.0409C21.4009 13.752 22.9849 11.832 26.0089 11.832C29.3209 11.832 30.9529 14.064 30.9529 16.824V24H28.3609V17.52C28.3609 15.288 27.3529 14.16 24.8809 14.16C22.2649 14.16 21.0889 15.504 21.0889 18.096V24ZM35.8545 24H33.2625V7.92H35.8545V16.8H39.2625L42.8385 12.072H45.8625L41.3745 17.808L45.8385 24H42.7905L39.2625 19.128H35.8545V24ZM53.1375 24.24C49.2255 24.24 46.6575 22.032 46.6575 18.048C46.6575 14.328 49.2015 11.832 53.0895 11.832C56.7855 11.832 59.3055 13.872 59.3055 17.496C59.3055 17.928 59.2815 18.264 59.2095 18.624H49.0815C49.1775 20.928 50.3055 22.152 53.0655 22.152C55.5615 22.152 56.5935 21.336 56.5935 19.92V19.728H59.1855V19.944C59.1855 22.488 56.6895 24.24 53.1375 24.24ZM53.0415 13.872C50.4015 13.872 49.2495 15.048 49.1055 17.184H56.8575V17.136C56.8575 14.928 55.5855 13.872 53.0415 13.872ZM63.1669 28.08H61.4629V25.728H63.7909C64.8469 25.728 65.2789 25.44 65.6389 24.624L65.9269 24L60.0469 12.072H62.9509L65.9989 18.408L67.1749 21.264H67.3669L68.4949 18.384L71.3029 12.072H74.1589L67.9429 25.296C66.9589 27.432 65.6149 28.08 63.1669 28.08Z"
        fill="url(#paint0_radial_830_5752)"
      />
      <defs>
        <radialGradient
          id="paint0_radial_830_5752"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="rotate(23.1063) scale(81.5414 80.9709)"
        >
          <stop offset="0.26875" stopColor="white" />
          <stop offset="0.904454" stopColor="white" stopOpacity="0.5" />
        </radialGradient>
      </defs>
    </svg>
  );
}

export function UnkeyLogoSmallMobile() {
  return (
    <svg width="75" height="32" viewBox="0 0 75 32" fill="none" xmlns="http://www.w3.org/2000/svg">
      <path
        d="M8.64 24.24C3.84 24.24 1.104 21.696 1.104 17.328V7.92H3.672V17.16C3.672 20.4 5.112 21.744 8.64 21.744C12.168 21.744 13.608 20.4 13.608 17.16V7.92H16.2V17.328C16.2 21.696 13.464 24.24 8.64 24.24ZM21.0889 24H18.4969V12.072H20.8729V15.768H21.0409C21.4009 13.752 22.9849 11.832 26.0089 11.832C29.3209 11.832 30.9529 14.064 30.9529 16.824V24H28.3609V17.52C28.3609 15.288 27.3529 14.16 24.8809 14.16C22.2649 14.16 21.0889 15.504 21.0889 18.096V24ZM35.8545 24H33.2625V7.92H35.8545V16.8H39.2625L42.8385 12.072H45.8625L41.3745 17.808L45.8385 24H42.7905L39.2625 19.128H35.8545V24ZM53.1375 24.24C49.2255 24.24 46.6575 22.032 46.6575 18.048C46.6575 14.328 49.2015 11.832 53.0895 11.832C56.7855 11.832 59.3055 13.872 59.3055 17.496C59.3055 17.928 59.2815 18.264 59.2095 18.624H49.0815C49.1775 20.928 50.3055 22.152 53.0655 22.152C55.5615 22.152 56.5935 21.336 56.5935 19.92V19.728H59.1855V19.944C59.1855 22.488 56.6895 24.24 53.1375 24.24ZM53.0415 13.872C50.4015 13.872 49.2495 15.048 49.1055 17.184H56.8575V17.136C56.8575 14.928 55.5855 13.872 53.0415 13.872ZM63.1669 28.08H61.4629V25.728H63.7909C64.8469 25.728 65.2789 25.44 65.6389 24.624L65.9269 24L60.0469 12.072H62.9509L65.9989 18.408L67.1749 21.264H67.3669L68.4949 18.384L71.3029 12.072H74.1589L67.9429 25.296C66.9589 27.432 65.6149 28.08 63.1669 28.08Z"
        fill="url(#paint0_radial_830_5752_)"
      />
      <defs>
        <radialGradient
          id="paint0_radial_830_5752_"
          cx="0"
          cy="0"
          r="1"
          gradientUnits="userSpaceOnUse"
          gradientTransform="rotate(23.1063) scale(81.5414 80.9709)"
        >
          <stop offset="0.26875" stopColor="white" />
          <stop offset="0.904454" stopColor="white" stopOpacity="0.5" />
        </radialGradient>
      </defs>
    </svg>
  );
}
