import { type DOMAttributes } from 'react'

export function X(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.7675 2.99868H20.8228L14.1497 10.6238L21.9999 21.0013H15.8548L11.0382 14.7091L5.53354 21.0013H2.47395L9.6101 12.8439L2.08447 2.99868H8.3854L12.7346 8.75L17.7675 2.99868ZM16.6943 19.1751H18.3864L7.46363 4.7297H5.64605L16.6943 19.1751Z"
      />
    </svg>
  )
}
export function LinkedIn(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      width="24"
      height="24"
      viewBox="0 0 24 24"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M4.5 3C3.67157 3 3 3.67157 3 4.5V19.5C3 20.3284 3.67157 21 4.5 21H19.5C20.3284 21 21 20.3284 21 19.5V4.5C21 3.67157 20.3284 3 19.5 3H4.5ZM8.52076 7.00272C8.52639 7.95897 7.81061 8.54819 6.96123 8.54397C6.16107 8.53975 5.46357 7.90272 5.46779 7.00413C5.47201 6.15897 6.13998 5.47975 7.00764 5.49944C7.88795 5.51913 8.52639 6.1646 8.52076 7.00272ZM12.2797 9.76176H9.75971H9.7583V18.3216H12.4217V18.1219C12.4217 17.742 12.4214 17.362 12.4211 16.9819C12.4203 15.9681 12.4194 14.9532 12.4246 13.9397C12.426 13.6936 12.4372 13.4377 12.5005 13.2028C12.7381 12.3253 13.5271 11.7586 14.4074 11.8979C14.9727 11.9864 15.3467 12.3141 15.5042 12.8471C15.6013 13.1803 15.6449 13.5389 15.6491 13.8863C15.6605 14.9339 15.6589 15.9815 15.6573 17.0292C15.6567 17.399 15.6561 17.769 15.6561 18.1388V18.3202H18.328V18.1149C18.328 17.6629 18.3278 17.211 18.3275 16.7591C18.327 15.6296 18.3264 14.5001 18.3294 13.3702C18.3308 12.8597 18.276 12.3563 18.1508 11.8627C17.9638 11.1286 17.5771 10.5211 16.9485 10.0824C16.5027 9.77019 16.0133 9.5691 15.4663 9.5466C15.404 9.54401 15.3412 9.54062 15.2781 9.53721C14.9984 9.52209 14.7141 9.50673 14.4467 9.56066C13.6817 9.71394 13.0096 10.0641 12.5019 10.6814C12.4429 10.7522 12.3852 10.8241 12.2991 10.9314L12.2797 10.9557V9.76176ZM5.68164 18.3244H8.33242V9.76733H5.68164V18.3244Z"
      />
    </svg>
  )
}
export function Instagram(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="stroke-platform-navigation-foreground group-hover:[&>path]:stroke-platform-navigation-hover-foreground"
      width="24"
      height="24"
      viewBox="0 0 24 25"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M2.31604 6.80605C2.31604 4.51391 4.17419 2.65576 6.46634 2.65576H17.5338C19.826 2.65576 21.6842 4.51391 21.6842 6.80605V17.8735C21.6842 20.1656 19.826 22.0238 17.5338 22.0238H6.46634C4.17419 22.0238 2.31604 20.1656 2.31604 17.8735V6.80605Z"
        stroke="#9EA2AB"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M17.5845 6.94274C17.3616 6.94274 17.181 6.76209 17.181 6.53924C17.181 6.3164 17.3616 6.13574 17.5845 6.13574"
        stroke="#9EA2AB"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M17.5845 6.94274C17.8072 6.94274 17.988 6.76209 17.988 6.53924C17.988 6.3164 17.8072 6.13574 17.5845 6.13574"
        stroke="#9EA2AB"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M7.8844 12.3398C7.8844 13.4314 8.31802 14.4782 9.08986 15.2501C9.8617 16.0219 10.9085 16.4555 12.0001 16.4555C13.0917 16.4555 14.1385 16.0219 14.9103 15.2501C15.6822 14.4782 16.1158 13.4314 16.1158 12.3398C16.1158 11.2483 15.6822 10.2014 14.9103 9.42958C14.1385 8.65774 13.0917 8.22412 12.0001 8.22412C10.9085 8.22412 9.8617 8.65774 9.08986 9.42958C8.31802 10.2014 7.8844 11.2483 7.8844 12.3398Z"
        stroke="#9EA2AB"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  )
}
export function YouTube(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M18.8939 2.85818C19.5608 3.54998 19.7763 5.118 19.7763 5.118C19.7763 5.118 19.9999 6.95818 20 8.79837V10.5263C20 12.3662 19.7764 14.206 19.7764 14.206C19.7764 14.206 19.5609 15.7741 18.894 16.4662C18.1381 17.2768 17.2999 17.3637 16.8208 17.4134C16.7657 17.4191 16.7154 17.4243 16.6705 17.4301C13.5647 17.6584 9.99985 17.666 9.99985 17.666C9.99985 17.666 5.32922 17.6101 3.55295 17.4381C3.46791 17.4216 3.36464 17.4088 3.24764 17.3942C2.68469 17.3241 1.80382 17.2145 1.10593 16.4662C0.439234 15.7741 0.223616 14.206 0.223616 14.206C0.223616 14.206 0 12.3661 0 10.5263V8.79837C0 6.95818 0.223616 5.118 0.223616 5.118C0.223616 5.118 0.439234 3.54998 1.10593 2.85818C1.86745 2.0416 2.71253 1.95919 3.18971 1.91266C3.24066 1.90769 3.28742 1.90313 3.32944 1.89813C6.43515 1.66602 9.996 1.66602 9.996 1.66602H10.0037C10.0037 1.66602 13.5644 1.66602 16.6704 1.89813C16.7124 1.90313 16.7591 1.90769 16.8101 1.91266C17.2872 1.95919 18.1324 2.04162 18.8939 2.85818ZM7.70747 6.22658V12.6184L13.7076 9.43436L7.70747 6.22658Z"
      />
    </svg>
  )
}
export function Discord(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M16.9308 3.76368C15.6561 3.17878 14.2892 2.74785 12.8599 2.50104C12.8339 2.49627 12.8079 2.50818 12.7945 2.53198C12.6187 2.84466 12.4239 3.25258 12.2876 3.5732C10.7503 3.34306 9.22099 3.34306 7.71527 3.5732C7.57887 3.24545 7.37707 2.84466 7.20048 2.53198C7.18707 2.50897 7.16107 2.49707 7.13504 2.50104C5.70659 2.74706 4.33963 3.17799 3.06411 3.76368C3.05307 3.76844 3.04361 3.77638 3.03732 3.78669C0.444493 7.66033 -0.265792 11.4387 0.0826501 15.1703C0.0842267 15.1886 0.0944749 15.206 0.108665 15.2171C1.81934 16.4734 3.47642 17.2361 5.10273 17.7416C5.12876 17.7496 5.15634 17.74 5.1729 17.7186C5.55761 17.1933 5.90054 16.6393 6.19456 16.0568C6.21192 16.0227 6.19535 15.9822 6.15989 15.9687C5.61594 15.7624 5.098 15.5108 4.59977 15.2251C4.56037 15.2021 4.55721 15.1457 4.59347 15.1187C4.69831 15.0402 4.80318 14.9584 4.9033 14.8759C4.92141 14.8608 4.94665 14.8576 4.96794 14.8671C8.24107 16.3615 11.7846 16.3615 15.0191 14.8671C15.0404 14.8568 15.0657 14.86 15.0846 14.8751C15.1847 14.9576 15.2895 15.0402 15.3952 15.1187C15.4314 15.1457 15.4291 15.2021 15.3897 15.2251C14.8914 15.5163 14.3735 15.7624 13.8288 15.9679C13.7933 15.9814 13.7775 16.0227 13.7949 16.0568C14.0952 16.6385 14.4381 17.1924 14.8157 17.7178C14.8315 17.74 14.8599 17.7496 14.8859 17.7416C16.5201 17.2361 18.1772 16.4734 19.8879 15.2171C19.9028 15.206 19.9123 15.1894 19.9139 15.1711C20.3309 10.857 19.2154 7.10956 16.9568 3.78748C16.9513 3.77638 16.9419 3.76844 16.9308 3.76368ZM6.68335 12.8982C5.69792 12.8982 4.88594 11.9935 4.88594 10.8824C4.88594 9.77134 5.68217 8.86663 6.68335 8.86663C7.69239 8.86663 8.49651 9.77928 8.48073 10.8824C8.48073 11.9935 7.68451 12.8982 6.68335 12.8982ZM13.329 12.8982C12.3435 12.8982 11.5316 11.9935 11.5316 10.8824C11.5316 9.77134 12.3278 8.86663 13.329 8.86663C14.338 8.86663 15.1421 9.77928 15.1264 10.8824C15.1264 11.9935 14.338 12.8982 13.329 12.8982Z" />
    </svg>
  )
}
export function Telegram(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M1.37458 9.01076C6.74342 6.67129 10.3231 5.12963 12.1144 4.38433C17.2293 2.25709 18.2919 1.88732 18.9846 1.87509C19.1371 1.87293 19.4774 1.91034 19.6983 2.08947C19.8846 2.24054 19.9357 2.44485 19.9601 2.58801C19.9846 2.73189 20.0155 3.05777 19.9911 3.31316C19.7141 6.22527 18.5149 13.2919 17.9048 16.5536C17.6466 17.9341 17.1379 18.3967 16.6459 18.442C15.5769 18.5406 14.7647 17.7349 13.7287 17.0557C12.1079 15.9939 11.1922 15.3321 9.61884 14.2954C7.80021 13.0969 8.9793 12.4387 10.0152 11.3625C10.2864 11.0805 14.9985 6.79431 15.0898 6.40583C15.1013 6.35691 15.1121 6.17563 15.0042 6.07995C14.8963 5.98427 14.7373 6.01736 14.6229 6.04326C14.4604 6.07995 11.8713 7.79139 6.85492 11.1776C6.1197 11.6826 5.45354 11.9279 4.85716 11.9157C4.19964 11.9013 2.93494 11.5437 1.9947 11.238C0.841506 10.8632 -0.0750029 10.6646 0.00484985 10.028C0.0458553 9.69634 0.502671 9.35751 1.37458 9.01076Z"
      />
    </svg>
  )
}
export function WeChat(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        fillRule="evenodd"
        clipRule="evenodd"
        d="M17.9167 16.2591C19.1667 15.3472 20 14.0207 20 12.4456C20 9.70985 17.3333 7.4715 14 7.4715C10.6667 7.4715 8 9.70985 8 12.4456C8 15.1813 10.6667 17.4197 14 17.4197C14.6667 17.4197 15.3333 17.3368 16 17.171H16.1667C16.25 17.171 16.4167 17.171 16.5 17.2539L17.8333 18H17.9167C18 18 18.0833 17.9171 18.0833 17.8342V17.6684L17.8333 16.6736V16.5078C17.75 16.5078 17.8333 16.342 17.9167 16.2591ZM7.25 2C3.25 2 0 4.65285 0 7.96891C0 9.79275 1 11.3679 2.5 12.5285C2.58333 12.6114 2.66667 12.7772 2.66667 12.943V13.1088L2.33333 14.3523V14.5181C2.33333 14.6839 2.41667 14.7668 2.58333 14.7668L2.75 14.6839L4.33333 13.772C4.41667 13.6891 4.5 13.6062 4.66667 13.6062H4.91667C5.66667 13.8549 6.41667 13.9378 7.25 13.9378H7.66667C7.5 13.4404 7.41667 12.943 7.41667 12.4456C7.41667 9.46114 10.3333 6.97409 14 6.97409H14.4167C13.8333 4.15544 10.8333 2 7.25 2ZM12 11.6995C11.5833 11.6995 11.1667 11.3679 11.1667 10.8705C11.1667 10.456 11.5 10.0415 12 10.0415C12.4167 10.0415 12.8333 10.3731 12.8333 10.8705C12.75 11.3679 12.4167 11.6995 12 11.6995ZM16 11.6995C15.5833 11.6995 15.1667 11.3679 15.1667 10.8705C15.1667 10.456 15.5 10.0415 16 10.0415C16.4167 10.0415 16.8333 10.3731 16.8333 10.8705C16.75 11.3679 16.4167 11.6995 16 11.6995ZM4.83333 7.05699C4.33333 7.05699 3.83333 6.64249 3.83333 6.06218C3.83333 5.56477 4.25 5.06736 4.83333 5.06736C5.41667 5.06736 5.83333 5.48187 5.83333 6.06218C5.75 6.64249 5.33333 7.05699 4.83333 7.05699ZM9.66667 7.05699C9.16667 7.05699 8.66667 6.64249 8.66667 6.06218C8.66667 5.56477 9.08333 5.06736 9.66667 5.06736C10.25 5.06736 10.6667 5.48187 10.6667 6.06218C10.5833 6.64249 10.1667 7.05699 9.66667 7.05699Z"
      />
    </svg>
  )
}
export function Reddit(props: DOMAttributes<SVGElement>) {
  return (
    <svg
      {...props}
      className="fill-platform-navigation-foreground group-hover:fill-platform-navigation-hover-foreground"
      viewBox="0 0 20 20"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path d="M11.865 12.79C11.9358 12.86 11.9358 12.9742 11.865 13.045C11.4775 13.43 10.87 13.6175 10.0058 13.6175L9.99917 13.6158L9.9925 13.6175C9.12917 13.6175 8.52083 13.43 8.13333 13.0442C8.0625 12.9742 8.0625 12.86 8.13333 12.79C8.20333 12.72 8.31833 12.72 8.38917 12.79C8.705 13.1042 9.22917 13.2575 9.9925 13.2575L9.99917 13.2592L10.0058 13.2575C10.7683 13.2575 11.2925 13.1042 11.6092 12.79C11.68 12.72 11.795 12.72 11.865 12.79ZM8.99833 10.775C8.99833 10.3525 8.65333 10.0092 8.23 10.0092C7.80583 10.0092 7.46083 10.3525 7.46083 10.775C7.46083 11.1967 7.80583 11.54 8.23 11.54C8.65333 11.5408 8.99833 11.1975 8.99833 10.775ZM20 10C20 15.5225 15.5225 20 10 20C4.4775 20 0 15.5225 0 10C0 4.4775 4.4775 0 10 0C15.5225 0 20 4.4775 20 10ZM15.8333 9.8925C15.8333 9.18333 15.2542 8.60667 14.5417 8.60667C14.1942 8.60667 13.8792 8.74583 13.6467 8.96917C12.7667 8.39 11.5758 8.02167 10.2583 7.97417L10.9792 5.70417L12.9317 6.16167L12.9292 6.19C12.9292 6.77 13.4033 7.24167 13.9858 7.24167C14.5683 7.24167 15.0417 6.77 15.0417 6.19C15.0417 5.61 14.5683 5.13833 13.9858 5.13833C13.5383 5.13833 13.1575 5.4175 13.0033 5.80833L10.8992 5.315C10.8075 5.2925 10.7133 5.34583 10.685 5.43583L9.88083 7.9675C8.50083 7.98417 7.25167 8.35583 6.3325 8.95167C6.10167 8.73917 5.79583 8.60583 5.4575 8.60583C4.74583 8.60667 4.16667 9.18333 4.16667 9.8925C4.16667 10.3642 4.42583 10.7725 4.80667 10.9967C4.78167 11.1333 4.765 11.2725 4.765 11.4133C4.765 13.3142 7.1025 14.8608 9.97583 14.8608C12.8492 14.8608 15.1867 13.3142 15.1867 11.4133C15.1867 11.28 15.1725 11.1492 15.15 11.02C15.555 10.8025 15.8333 10.3817 15.8333 9.8925ZM11.7733 10.01C11.3492 10.01 11.005 10.3533 11.005 10.7758C11.005 11.1975 11.35 11.5408 11.7733 11.5408C12.1967 11.5408 12.5417 11.1975 12.5417 10.7758C12.5417 10.3533 12.1975 10.01 11.7733 10.01Z" />
    </svg>
  )
}
export function Facebook() {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="fill-platform-navigation-foreground group-hover:[&_path]:fill-platform-navigation-hover-foreground"
    >
      <g clipPath="url(#clip0_49_288)">
        <path d="M24 12.0735C24 5.40532 18.6277 0 12.0015 0C5.37233 0.00149981 0 5.40533 0 12.075C0 18.0997 4.38845 23.0941 10.1237 24V15.5636H7.07911V12.075H10.1267V9.41282C10.1267 6.3877 11.919 4.71691 14.6592 4.71691C15.973 4.71691 17.3453 4.95238 17.3453 4.95238V7.92201H15.832C14.3427 7.92201 13.8778 8.85339 13.8778 9.80877V12.0735H17.2043L16.6734 15.5621H13.8763V23.9985C19.6115 23.0926 24 18.0982 24 12.0735Z" />
      </g>
      <defs>
        <clipPath id="clip0_49_288">
          <rect width="24" height="24" fill="white" />
        </clipPath>
      </defs>
    </svg>
  )
}
export function TikTok() {
  return (
    <svg
      width="24"
      height="24"
      viewBox="0 0 24 25"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      className="fill-platform-navigation-foreground group-hover:[&_path]:fill-platform-navigation-hover-foreground"
    >
      <g clipPath="url(#clip0_153_2361)">
        <path d="M12.4812 1.01833C13.682 1 14.8737 1.00917 16.0654 1C16.1387 2.4025 16.6429 3.8325 17.6695 4.8225C18.6962 5.84 20.1445 6.3075 21.5562 6.46333V10.1575C20.2362 10.1117 18.907 9.83666 17.7062 9.26833C17.1837 9.03 16.6979 8.7275 16.2212 8.41583C16.212 11.0925 16.2304 13.7692 16.2029 16.4367C16.1295 17.72 15.7079 18.9942 14.9654 20.0483C13.7645 21.8083 11.6837 22.9542 9.54786 22.9908C8.23703 23.0642 6.9262 22.7067 5.80786 22.0467C3.9562 20.9558 2.65453 18.9575 2.46203 16.8125C2.4437 16.3542 2.43453 15.8958 2.45286 15.4467C2.61786 13.705 3.47953 12.0367 4.81786 10.9C6.33953 9.58 8.4662 8.9475 10.4554 9.32333C10.4737 10.68 10.4187 12.0367 10.4187 13.3933C9.5112 13.1 8.44786 13.1825 7.65036 13.7325C7.07286 14.1083 6.63286 14.6858 6.4037 15.3367C6.2112 15.8042 6.2662 16.3175 6.27536 16.8125C6.49536 18.3158 7.9437 19.5808 9.4837 19.4433C10.5104 19.4342 11.4912 18.8383 12.0229 17.9675C12.197 17.665 12.3895 17.3533 12.3987 16.9958C12.4904 15.355 12.4537 13.7233 12.4629 12.0825C12.472 8.38833 12.4537 4.70333 12.4812 1.01833Z" />
      </g>
      <defs>
        <clipPath id="clip0_153_2361">
          <rect
            width="22"
            height="22"
            fill="white"
            transform="translate(1 1)"
          />
        </clipPath>
      </defs>
    </svg>
  )
}
