import "./loader.scss";

export function PlayLoader({ fancy = true }: { fancy?: boolean }) {
  return (
    <div className="play-loader">
      {fancy ? (
        <div className="glow"></div>
      ) : (
        <svg viewBox="0 0 512 512">
          <path
            fill="#E66000"
            d="M256,0C114.62,0,0,114.62,0,256s114.62,256,256,256s256-114.62,256-256S397.38,0,256,0z M256,480
      c-119.103,0-216-96.897-216-216S136.897,48,256,48s216,96.897,216,216S375.103,480,256,480z"
          />
          <path
            fill="#FFF"
            d="M256,48c-110.532,0-200,89.468-200,200s89.468,200,200,200s200-89.468,200-200S366.532,48,256,48z M256,432
      c-105.869,0-192-86.131-192-192s86.131-192,192-192s192,86.131,192,192S361.869,432,256,432z"
          />
          <path
            fill="#E66000"
            d="M256,96c-70.692,0-128,57.308-128,128s57.308,128,128,128s128-57.308,128-128S326.692,96,256,96z M256,320
      c-52.935,0-96-43.065-96-96s43.065-96,96-96s96,43.065,96,96S308.935,320,256,320z"
          />
          <path
            fill="#FFF"
            d="M256,128c-52.935,0-96,43.065-96,96s43.065,96,96,96s96-43.065,96-96S308.935,128,256,128z M256,304
      c-35.29,0-64-28.71-64-64s28.71-64,64-64s64,28.71,64,64S291.29,304,256,304z"
          />
          <path
            fill="#E66000"
            d="M256,160c-17.673,0-32,14.327-32,32s14.327,32,32,32s32-14.327,32-32S273.673,160,256,160z M256,192
      c-8.837,0-16-7.163-16-16s7.163-16,16-16s16,7.163,16,16S264.837,192,256,192z"
          />
        </svg>
      )}
    </div>
  );
}
