import { createSvgIcon } from '@mui/material';

const ShiftsGradient = createSvgIcon(
  <svg
    xmlns="http://www.w3.org/2000/svg"
    width="25"
    height="24"
    viewBox="0 0 25 24"
    fill="none"
  >
    <path
      d="M21.3333 19C21.3333 19.7957 21.017 20.5585 20.4544 21.1211C19.8918 21.6837 19.129 22 18.3333 22H6.33331C5.53766 22 4.77483 21.6837 4.21222 21.1211C3.64961 20.5585 3.33331 19.7956 3.33331 19V11.9961H21.3333V19ZM12.3343 14C11.804 14 11.2943 14.2111 10.9193 14.5859C10.5444 14.9608 10.3345 15.4699 10.3343 16C10.3343 16.5304 10.5442 17.04 10.9193 17.415C11.2943 17.7901 11.8039 18 12.3343 18C12.8644 17.9998 13.3735 17.7899 13.7484 17.415C14.1232 17.04 14.3343 16.5302 14.3343 16C14.3341 15.4699 14.1232 14.9608 13.7484 14.5859C13.3735 14.2111 12.8644 14.0002 12.3343 14ZM15.3343 7.01465C15.3345 7.56672 15.7822 8.01465 16.3343 8.01465C16.8864 8.01462 17.334 7.5667 17.3343 7.01465V4H18.3333C19.129 4 19.8918 4.3163 20.4544 4.87891C21.017 5.44152 21.3333 6.20435 21.3333 7V10.0059H3.33331V7C3.33331 6.20435 3.64961 5.44152 4.21222 4.87891C4.77483 4.3163 5.53766 4 6.33331 4H7.32648V7.01465C7.32672 7.5666 7.77451 8.01445 8.32648 8.01465C8.87861 8.01465 9.32623 7.56672 9.32648 7.01465V4H15.3333L15.3343 3.99902V7.01465Z"
      fill="url(#paint0_linear_9735_51)"
    />
    <defs>
      <linearGradient
        id="paint0_linear_9735_51"
        x1="12.3333"
        y1="3.99902"
        x2="12.3333"
        y2="22"
        gradientUnits="userSpaceOnUse"
      >
        <stop stopColor="#00BA99" />
        <stop
          offset="1"
          stopColor="#018FD6"
        />
      </linearGradient>
    </defs>
  </svg>,
  'ShiftsGradient',
);

export default ShiftsGradient;