'use client';

import * as React from 'react';

export const TwitterIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg
    width="20"
    height="20"
    viewBox="0 0 20 20"
    fill="currentColor"
    {...props}
  >
    <path d="M11.5222 8.77143L17.4785 2H16.0671L10.8952 7.87954L6.76437 2H2L8.24656 10.8909L2 17.9918H3.41155L8.87321 11.7828L13.2356 17.9918H18L11.5218 8.77143H11.5222ZM9.58887 10.9692L8.95596 10.0839L3.92015 3.03921H6.0882L10.1522 8.7245L10.7851 9.60983L16.0677 16.9998H13.8997L9.58887 10.9696V10.9692Z" />
  </svg>
);

export const SlackIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 21 20" fill="currentColor" {...props}>
    <path d="M4.316 12.6316C4.316 13.1899 4.09419 13.7254 3.69938 14.1202C3.30456 14.515 2.76908 14.7368 2.21073 14.7368C1.65238 14.7368 1.1169 14.515 0.722086 14.1202C0.327273 13.7254 0.105469 13.1899 0.105469 12.6316C0.105469 12.0732 0.327273 11.5377 0.722086 11.1429C1.1169 10.7481 1.65238 10.5263 2.21073 10.5263H4.316V12.6316ZM5.36863 12.6316C5.36863 12.0732 5.59043 11.5377 5.98524 11.1429C6.38006 10.7481 6.91554 10.5263 7.47389 10.5263C8.03224 10.5263 8.56772 10.7481 8.96254 11.1429C9.35735 11.5377 9.57915 12.0732 9.57915 12.6316V17.8947C9.57915 18.4531 9.35735 18.9886 8.96254 19.3834C8.56772 19.7782 8.03224 20 7.47389 20C6.91554 20 6.38006 19.7782 5.98524 19.3834C5.59043 18.9886 5.36863 18.4531 5.36863 17.8947V12.6316ZM7.47389 4.21053C6.91554 4.21053 6.38006 3.98872 5.98524 3.59391C5.59043 3.1991 5.36863 2.66361 5.36863 2.10526C5.36863 1.54691 5.59043 1.01143 5.98524 0.616617C6.38006 0.221804 6.91554 0 7.47389 0C8.03224 0 8.56772 0.221804 8.96254 0.616617C9.35735 1.01143 9.57915 1.54691 9.57915 2.10526V4.21053H7.47389ZM7.47389 5.26316C8.03224 5.26316 8.56772 5.48496 8.96254 5.87978C9.35735 6.27459 9.57915 6.81007 9.57915 7.36842C9.57915 7.92677 9.35735 8.46225 8.96254 8.85707C8.56772 9.25188 8.03224 9.47368 7.47389 9.47368H2.21073C1.65238 9.47368 1.1169 9.25188 0.722086 8.85707C0.327273 8.46225 0.105469 7.92677 0.105469 7.36842C0.105469 6.81007 0.327273 6.27459 0.722086 5.87978C1.1169 5.48496 1.65238 5.26316 2.21073 5.26316H7.47389ZM15.8949 7.36842C15.8949 6.81007 16.1167 6.27459 16.5116 5.87978C16.9064 5.48496 17.4419 5.26316 18.0002 5.26316C18.5586 5.26316 19.094 5.48496 19.4889 5.87978C19.8837 6.27459 20.1055 6.81007 20.1055 7.36842C20.1055 7.92677 19.8837 8.46225 19.4889 8.85707C19.094 9.25188 18.5586 9.47368 18.0002 9.47368H15.8949V7.36842ZM14.8423 7.36842C14.8423 7.92677 14.6205 8.46225 14.2257 8.85707C13.8309 9.25188 13.2954 9.47368 12.737 9.47368C12.1787 9.47368 11.6432 9.25188 11.2484 8.85707C10.8536 8.46225 10.6318 7.92677 10.6318 7.36842V2.10526C10.6318 1.54691 10.8536 1.01143 11.2484 0.616617C11.6432 0.221804 12.1787 0 12.737 0C13.2954 0 13.8309 0.221804 14.2257 0.616617C14.6205 1.01143 14.8423 1.54691 14.8423 2.10526V7.36842ZM12.737 15.7895C13.2954 15.7895 13.8309 16.0113 14.2257 16.4061C14.6205 16.8009 14.8423 17.3364 14.8423 17.8947C14.8423 18.4531 14.6205 18.9886 14.2257 19.3834C13.8309 19.7782 13.2954 20 12.737 20C12.1787 20 11.6432 19.7782 11.2484 19.3834C10.8536 18.9886 10.6318 18.4531 10.6318 17.8947V15.7895H12.737ZM12.737 14.7368C12.1787 14.7368 11.6432 14.515 11.2484 14.1202C10.8536 13.7254 10.6318 13.1899 10.6318 12.6316C10.6318 12.0732 10.8536 11.5377 11.2484 11.1429C11.6432 10.7481 12.1787 10.5263 12.737 10.5263H18.0002C18.5586 10.5263 19.094 10.7481 19.4889 11.1429C19.8837 11.5377 20.1055 12.0732 20.1055 12.6316C20.1055 13.1899 19.8837 13.7254 19.4889 14.1202C19.094 14.515 18.5586 14.7368 18.0002 14.7368H12.737Z" />
  </svg>
);

export const DiscordIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 27 20" fill="currentColor" {...props}>
    <path d="M22.4591 1.67497C20.7254 0.881212 18.8951 0.318094 17.015 0C16.7577 0.459917 16.5249 0.933111 16.3176 1.4176C14.3149 1.11582 12.2783 1.11582 10.2756 1.4176C10.0682 0.933161 9.83543 0.459973 9.57826 0C7.69695 0.32078 5.86544 0.885235 4.12994 1.67912C0.684527 6.77667 -0.24947 11.7476 0.217529 16.648C2.23525 18.1388 4.49365 19.2725 6.89457 20C7.43519 19.2729 7.91357 18.5015 8.32463 17.6941C7.54388 17.4025 6.79031 17.0427 6.07266 16.6189C6.26153 16.4819 6.44625 16.3408 6.62475 16.2038C8.71296 17.1859 10.9921 17.695 13.2997 17.695C15.6073 17.695 17.8865 17.1859 19.9747 16.2038C20.1553 16.3512 20.34 16.4923 20.5268 16.6189C19.8077 17.0434 19.0528 17.4038 18.2707 17.6961C18.6812 18.5032 19.1596 19.2739 19.7007 20C22.1037 19.2755 24.3638 18.1422 26.3819 16.6501C26.9299 10.9672 25.4458 6.04193 22.4591 1.67497ZM8.91616 13.6343C7.61479 13.6343 6.53965 12.4533 6.53965 11.0004C6.53965 9.54753 7.57743 8.35616 8.91201 8.35616C10.2466 8.35616 11.3134 9.54753 11.2906 11.0004C11.2678 12.4533 10.2424 13.6343 8.91616 13.6343ZM17.6833 13.6343C16.3798 13.6343 15.3089 12.4533 15.3089 11.0004C15.3089 9.54753 16.3466 8.35616 17.6833 8.35616C19.0199 8.35616 20.0785 9.54753 20.0556 11.0004C20.0328 12.4533 19.0096 13.6343 17.6833 13.6343Z" />
  </svg>
);

export const FacebookIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 21 20" fill="currentColor" {...props}>
    <path d="M10.5343 0C5.01221 0 0.494141 4.50803 0.494141 10.0602C0.494141 15.0803 4.16884 19.247 8.96804 20V12.9719H6.41784V10.0602H8.96804V7.84137C8.96804 5.32129 10.464 3.93574 12.7632 3.93574C13.8576 3.93574 15.0022 4.12651 15.0022 4.12651V6.60643H13.7371C12.4921 6.60643 12.1006 7.37952 12.1006 8.17269V10.0602H14.8917L14.4399 12.9719H12.1006V20C14.4665 19.6264 16.6209 18.4192 18.1748 16.5964C19.7287 14.7737 20.5798 12.4555 20.5745 10.0602C20.5745 4.50803 16.0564 0 10.5343 0Z" />
  </svg>
);

export const GitHubIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 22 20" fill="currentColor" {...props}>
    <path d="M10.8235 0C9.47764 0 8.145 0.265079 6.90162 0.780103C5.65824 1.29513 4.52848 2.05001 3.57684 3.00165C1.65492 4.92357 0.575195 7.53026 0.575195 10.2483C0.575195 14.778 3.51645 18.6211 7.58501 19.9841C8.09742 20.0661 8.2614 19.7484 8.2614 19.4717C8.2614 19.236 8.2614 18.5904 8.2614 17.7398C5.42263 18.3547 4.81798 16.3665 4.81798 16.3665C4.34656 15.1777 3.68042 14.86 3.68042 14.86C2.74783 14.2246 3.75216 14.2451 3.75216 14.2451C4.77699 14.3168 5.32014 15.3007 5.32014 15.3007C6.21174 16.8584 7.71824 16.3972 8.30239 16.1513C8.39462 15.4851 8.66108 15.0342 8.94803 14.778C6.67292 14.5218 4.28507 13.6404 4.28507 9.73586C4.28507 8.5983 4.6745 7.6862 5.34064 6.95858C5.23816 6.70237 4.87947 5.63655 5.44312 4.25303C5.44312 4.25303 6.30398 3.97633 8.2614 5.29836C9.07101 5.07289 9.95236 4.96016 10.8235 4.96016C11.6946 4.96016 12.5759 5.07289 13.3855 5.29836C15.343 3.97633 16.2038 4.25303 16.2038 4.25303C16.7675 5.63655 16.4088 6.70237 16.3063 6.95858C16.9724 7.6862 17.3619 8.5983 17.3619 9.73586C17.3619 13.6507 14.9638 14.5115 12.6784 14.7678C13.0473 15.0855 13.3855 15.7106 13.3855 16.6637C13.3855 18.037 13.3855 19.1438 13.3855 19.4717C13.3855 19.7484 13.5495 20.0764 14.0722 19.9841C18.1407 18.6109 21.0717 14.778 21.0717 10.2483C21.0717 8.90245 20.8067 7.5698 20.2916 6.32643C19.7766 5.08305 19.0217 3.95329 18.0701 3.00165C17.1184 2.05001 15.9887 1.29513 14.7453 0.780103C13.5019 0.265079 12.1693 0 10.8235 0Z" />
  </svg>
);

export const LinkedInIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 21 20" fill="currentColor" {...props}>
    <path d="M17.8491 0C18.4384 0 19.0037 0.234126 19.4204 0.650874C19.8372 1.06762 20.0713 1.63285 20.0713 2.22222V17.7778C20.0713 18.3671 19.8372 18.9324 19.4204 19.3491C19.0037 19.7659 18.4384 20 17.8491 20H2.29351C1.70414 20 1.13891 19.7659 0.722163 19.3491C0.305415 18.9324 0.0712891 18.3671 0.0712891 17.7778V2.22222C0.0712891 1.63285 0.305415 1.06762 0.722163 0.650874C1.13891 0.234126 1.70414 0 2.29351 0H17.8491ZM17.2935 17.2222V11.3333C17.2935 10.3727 16.9119 9.45133 16.2326 8.77204C15.5533 8.09274 14.632 7.71111 13.6713 7.71111C12.7268 7.71111 11.6268 8.28889 11.0935 9.15556V7.92222H7.99351V17.2222H11.0935V11.7444C11.0935 10.8889 11.7824 10.1889 12.638 10.1889C13.0505 10.1889 13.4462 10.3528 13.7379 10.6445C14.0296 10.9362 14.1935 11.3319 14.1935 11.7444V17.2222H17.2935ZM4.3824 6.17778C4.87747 6.17778 5.35227 5.98111 5.70233 5.63104C6.0524 5.28098 6.24907 4.80618 6.24907 4.31111C6.24907 3.27778 5.41573 2.43333 4.3824 2.43333C3.88438 2.43333 3.40676 2.63117 3.05461 2.98332C2.70246 3.33547 2.50462 3.81309 2.50462 4.31111C2.50462 5.34444 3.34907 6.17778 4.3824 6.17778ZM5.92685 17.2222V7.92222H2.84907V17.2222H5.92685Z" />
  </svg>
);

export const YouTubeIcon = (props: React.SVGProps<SVGSVGElement>) => (
  <svg viewBox="0 0 27 20" fill="currentColor" {...props}>
    <path d="M10.8427 13.9344L17.8306 10L10.8427 6.06564V13.9344ZM26.4074 3.66568C26.5824 4.28206 26.7036 5.10828 26.7844 6.15744C26.8786 7.2066 26.919 8.11151 26.919 8.89838L26.9998 10C26.9998 12.8721 26.7844 14.9835 26.4074 16.3343C26.0708 17.5146 25.2898 18.2753 24.0781 18.6031C23.4452 18.7736 22.2873 18.8917 20.51 18.9703C18.7597 19.0621 17.1574 19.1015 15.6764 19.1015L13.5355 19.1802C7.89402 19.1802 4.37985 18.9703 2.99303 18.6031C1.78125 18.2753 1.00032 17.5146 0.663716 16.3343C0.488681 15.7179 0.367503 14.8917 0.286717 13.8426C0.192467 12.7934 0.152075 11.8885 0.152075 11.1016L0.0712891 10C0.0712891 7.12792 0.286717 5.01648 0.663716 3.66568C1.00032 2.48537 1.78125 1.72473 2.99303 1.39686C3.62585 1.22637 4.78378 1.10834 6.56106 1.02966C8.31141 0.937855 9.91366 0.898511 11.3947 0.898511L13.5355 0.819824C19.1771 0.819824 22.6912 1.02966 24.0781 1.39686C25.2898 1.72473 26.0708 2.48537 26.4074 3.66568Z" />
  </svg>
);
