Jobtracker dashboard

import type { SVGProps } from "react";

type IconProps = SVGProps<SVGSVGElement>;

export function CollapseIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M17.3994 4.36407C19.0563 4.36407 20.3994 5.70722 20.3994 7.36407V16.6365C20.3994 18.2934 19.0563 19.6365 17.3994 19.6365H6.59961C4.94276 19.6365 3.59961 18.2934 3.59961 16.6365V7.36407C3.59961 5.70722 4.94276 4.36407 6.59961 4.36407H17.3994ZM12.625 5.89142C11.5206 5.89158 10.6251 6.78704 10.625 7.89142V16.1102C10.6252 17.2145 11.5207 18.11 12.625 18.1102H16.7197C17.8242 18.1102 18.7195 17.2146 18.7197 16.1102V7.89142C18.7196 6.78694 17.8242 5.89142 16.7197 5.89142H12.625Z"
        fill="currentColor"
      />
    </svg>
  );
}

export function CustomersIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M10.8337 9.16665C10.8337 7.3257 9.34124 5.83331 7.50033 5.83331C5.65938 5.83331 4.16699 7.3257 4.16699 9.16665C4.16699 11.0076 5.65938 12.5 7.50033 12.5C9.34124 12.5 10.8337 11.0076 10.8337 9.16665Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M9.19916 6.29811C9.17791 6.14623 9.16699 5.99106 9.16699 5.83333C9.16699 3.99238 10.6594 2.5 12.5003 2.5C14.3412 2.5 15.8337 3.99238 15.8337 5.83333C15.8337 7.67428 14.3412 9.16667 12.5003 9.16667C11.8798 9.16667 11.299 8.99717 10.8015 8.70192"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M12.5 17.5C12.5 14.7386 10.2614 12.5 7.5 12.5C4.73857 12.5 2.5 14.7386 2.5 17.5"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M17.5 14.1667C17.5 11.4053 15.2614 9.16669 12.5 9.16669"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function JobsIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M7.08301 5.41667C7.08301 4.24628 7.08301 3.66109 7.36389 3.24072C7.48549 3.05873 7.64174 2.90248 7.82372 2.78088C8.2441 2.5 8.82926 2.5 9.99967 2.5C11.1701 2.5 11.7553 2.5 12.1756 2.78088C12.3576 2.90248 12.5138 3.05873 12.6354 3.24072C12.9163 3.66109 12.9163 4.24628 12.9163 5.41667"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M18.3337 11.6667V11.25C18.3337 8.50019 18.3337 7.12523 17.4794 6.27096C16.6251 5.41669 15.2502 5.41669 12.5003 5.41669H7.50033C4.75047 5.41669 3.37553 5.41669 2.52127 6.27096C1.66699 7.12523 1.66699 8.50019 1.66699 11.25V11.6667C1.66699 14.4165 1.66699 15.7914 2.52127 16.6458C3.37553 17.5 4.75047 17.5 7.50033 17.5H12.5003C15.2502 17.5 16.6251 17.5 17.4794 16.6458C18.3337 15.7914 18.3337 14.4165 18.3337 11.6667Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M1.66699 8.33331C1.66699 8.33331 3.85998 11.6666 10.0003 11.6666C16.1407 11.6666 18.3337 8.33331 18.3337 8.33331"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinejoin="round"
      />
      <path
        d="M10 11.6667V13.3334"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function SettingsIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M12.9163 10C12.9163 11.6108 11.6105 12.9167 9.99967 12.9167C8.38884 12.9167 7.08301 11.6108 7.08301 10C7.08301 8.38918 8.38884 7.08334 9.99967 7.08334C11.6105 7.08334 12.9163 8.38918 12.9163 10Z"
        stroke="currentColor"
        strokeWidth="1.25"
      />
      <path
        d="M17.5095 11.7471C17.9444 11.6299 18.1619 11.5712 18.2477 11.459C18.3337 11.347 18.3337 11.1665 18.3337 10.8058V9.19438C18.3337 8.83363 18.3337 8.65321 18.2477 8.54113C18.1618 8.42896 17.9444 8.3703 17.5095 8.25303C15.8842 7.8147 14.8669 6.11547 15.2864 4.50077C15.4017 4.0567 15.4594 3.83468 15.4043 3.70445C15.3492 3.57423 15.1912 3.4845 14.8751 3.30501L13.4378 2.48899C13.1277 2.31287 12.9726 2.22481 12.8334 2.24356C12.6942 2.26231 12.5372 2.41899 12.223 2.73232C11.007 3.94545 8.99499 3.9454 7.77894 2.73225C7.46485 2.4189 7.30781 2.26224 7.1686 2.24348C7.0294 2.22473 6.8743 2.31279 6.5641 2.4889L5.12686 3.30494C4.81077 3.4844 4.65272 3.57414 4.59764 3.70434C4.54256 3.83455 4.60022 4.0566 4.71553 4.50071C5.1348 6.11546 4.11676 7.81474 2.49118 8.25305C2.05626 8.3703 1.8388 8.42896 1.75289 8.54105C1.66699 8.65321 1.66699 8.83363 1.66699 9.19438V10.8058C1.66699 11.1665 1.66699 11.347 1.75289 11.459C1.83878 11.5712 2.05625 11.6299 2.49118 11.7471C4.11649 12.1855 5.13373 13.8847 4.71426 15.4994C4.5989 15.9435 4.54122 16.1655 4.59629 16.2957C4.65138 16.426 4.80943 16.5157 5.12553 16.6951L6.56278 17.5112C6.873 17.6873 7.02811 17.7754 7.16733 17.7566C7.30654 17.7379 7.46356 17.5811 7.77758 17.2678C8.99424 16.0537 11.0077 16.0536 12.2244 17.2677C12.5384 17.5811 12.6954 17.7378 12.8347 17.7565C12.9738 17.7753 13.129 17.6872 13.4392 17.5111L14.8764 16.695C15.1926 16.5156 15.3507 16.4259 15.4057 16.2956C15.4607 16.1654 15.4031 15.9434 15.2877 15.4993C14.868 13.8847 15.8844 12.1855 17.5095 11.7471Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
      />
    </svg>
  );
}

export function LogoutIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M3.66023 3.33405C3.33301 3.84663 3.33301 4.5097 3.33301 5.83585V14.1642C3.33301 15.4902 3.33301 16.1533 3.66023 16.6659C3.71867 16.7575 3.78417 16.8443 3.85615 16.9257C4.25921 17.381 4.89689 17.5632 6.17226 17.9275C7.45084 18.2927 8.09014 18.4753 8.55301 18.2014C8.63334 18.1539 8.70801 18.0976 8.77576 18.0335C9.16634 17.6637 9.16634 16.999 9.16634 15.6695V4.3305C9.16634 3.001 9.16634 2.33625 8.77576 1.9665C8.70801 1.90239 8.63334 1.84605 8.55301 1.79855C8.09014 1.52462 7.45084 1.70724 6.17226 2.07248C4.89689 2.4368 4.25921 2.61897 3.85615 3.07436C3.78417 3.15569 3.71867 3.24251 3.66023 3.33405Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M9.16699 3.33334H10.8479C12.4327 3.33334 13.225 3.33334 13.7173 3.8215C13.9918 4.09366 14.1132 4.45829 14.167 5.00001M9.16699 16.6667H10.8479C12.4327 16.6667 13.225 16.6667 13.7173 16.1785C13.9918 15.9063 14.1132 15.5418 14.167 15"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M17.5003 10H11.667M16.2503 7.91666C16.2503 7.91666 18.3337 9.45104 18.3337 10C18.3337 10.549 16.2503 12.0833 16.2503 12.0833"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function BackIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M15 6C15 6 9.00001 10.4189 9 12C8.99999 13.5812 15 18 15 18"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function ForwardIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <g opacity="0.5">
        <path
          d="M9.00005 6C9.00005 6 15 10.4189 15 12C15 13.5812 9 18 9 18"
          stroke="currentColor"
          strokeWidth="1.5"
          strokeLinecap="round"
          strokeLinejoin="round"
        />
      </g>
    </svg>
  );
}

export function NotificationIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M12.9163 15C12.9163 16.6108 11.6105 17.9167 9.99967 17.9167C8.38884 17.9167 7.08301 16.6108 7.08301 15"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M16.0259 15H3.97406C3.15996 15 2.5 14.34 2.5 13.5259C2.5 13.135 2.6553 12.7601 2.93174 12.4836L3.43443 11.9809C3.90327 11.5121 4.16667 10.8761 4.16667 10.2131V7.91665C4.16667 4.69499 6.77834 2.08331 10 2.08331C13.2217 2.08331 15.8333 4.69498 15.8333 7.91665V10.2131C15.8333 10.8761 16.0967 11.5121 16.5656 11.9809L17.0682 12.4836C17.3447 12.7601 17.5 13.135 17.5 13.5259C17.5 14.34 16.84 15 16.0259 15Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function MenuIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 16 16"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M12 6.00003C12 6.00003 9.05407 10 8 10C6.94587 10 4 6 4 6"
        stroke="currentColor"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function SearchIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M14.167 14.1667L17.5003 17.5"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M15.8333 9.16667C15.8333 5.48477 12.8486 2.5 9.16667 2.5C5.48477 2.5 2.5 5.48477 2.5 9.16667C2.5 12.8486 5.48477 15.8333 9.16667 15.8333C12.8486 15.8333 15.8333 12.8486 15.8333 9.16667Z"
        stroke="currentColor"
        strokeWidth="1.25"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function AddIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 20 20"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M17.5 10C17.5 10.1658 17.4342 10.3247 17.3169 10.4419C17.1997 10.5592 17.0408 10.625 16.875 10.625H10.625V16.875C10.625 17.0408 10.5592 17.1997 10.4419 17.3169C10.3247 17.4342 10.1658 17.5 10 17.5C9.83424 17.5 9.67527 17.4342 9.55806 17.3169C9.44085 17.1997 9.375 17.0408 9.375 16.875V10.625H3.125C2.95924 10.625 2.80027 10.5592 2.68306 10.4419C2.56585 10.3247 2.5 10.1658 2.5 10C2.5 9.83424 2.56585 9.67527 2.68306 9.55806C2.80027 9.44085 2.95924 9.375 3.125 9.375H9.375V3.125C9.375 2.95924 9.44085 2.80027 9.55806 2.68306C9.67527 2.56585 9.83424 2.5 10 2.5C10.1658 2.5 10.3247 2.56585 10.4419 2.68306C10.5592 2.80027 10.625 2.95924 10.625 3.125V9.375H16.875C17.0408 9.375 17.1997 9.44085 17.3169 9.55806C17.4342 9.67527 17.5 9.83424 17.5 10Z"
        fill="currentColor"
      />
    </svg>
  );
}

export function EditIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M14.0737 3.88545C14.8189 3.07808 15.1915 2.6744 15.5874 2.43893C16.5427 1.87076 17.7191 1.85309 18.6904 2.39232C19.0929 2.6158 19.4769 3.00812 20.245 3.79276C21.0131 4.5774 21.3972 4.96972 21.6159 5.38093C22.1438 6.37312 22.1265 7.57479 21.5703 8.5507C21.3398 8.95516 20.9446 9.33578 20.1543 10.097L10.7506 19.1543C9.25288 20.5969 8.504 21.3182 7.56806 21.6837C6.63212 22.0493 5.6032 22.0224 3.54536 21.9686L3.26538 21.9613C2.63891 21.9449 2.32567 21.9367 2.14359 21.73C1.9615 21.5234 1.98636 21.2043 2.03608 20.5662L2.06308 20.2197C2.20301 18.4235 2.27297 17.5255 2.62371 16.7182C2.97444 15.9109 3.57944 15.2555 4.78943 13.9445L14.0737 3.88545Z"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinejoin="round"
      />
      <path
        d="M13 4L20 11"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinejoin="round"
      />
      <path
        d="M14 22H22"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function DeleteIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 24 24"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M19.5 5.5L18.8803 15.5251C18.7219 18.0864 18.6428 19.3671 18.0008 20.2879C17.6833 20.7431 17.2747 21.1273 16.8007 21.416C15.8421 22 14.559 22 11.9927 22C9.42312 22 8.1383 22 7.17905 21.4149C6.7048 21.1257 6.296 20.7408 5.97868 20.2848C5.33688 19.3626 5.25945 18.0801 5.10461 15.5152L4.5 5.5"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M3 5.5H21M16.0557 5.5L15.3731 4.09173C14.9196 3.15626 14.6928 2.68852 14.3017 2.39681C14.215 2.3321 14.1231 2.27454 14.027 2.2247C13.5939 2 13.0741 2 12.0345 2C10.9688 2 10.436 2 9.99568 2.23412C9.8981 2.28601 9.80498 2.3459 9.71729 2.41317C9.32164 2.7167 9.10063 3.20155 8.65861 4.17126L8.05292 5.5"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M9.5 16.5V10.5"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
      <path
        d="M14.5 16.5V10.5"
        stroke="currentColor"
        strokeWidth="1.5"
        strokeLinecap="round"
      />
    </svg>
  );
}

export function JobDraftIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 12 12"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M7.60705 2.99119L8.3079 2.29031C8.695 1.90323 9.3226 1.90323 9.7097 2.29031C10.0967 2.6774 10.0967 3.30499 9.7097 3.69207L9.0088 4.39295M7.60705 2.99119L3.49011 7.10815C2.96746 7.6308 2.70613 7.8921 2.52818 8.21055C2.35023 8.529 2.1712 9.28095 2 10C2.71904 9.8288 3.47099 9.64975 3.78944 9.4718C4.10789 9.29385 4.36922 9.03255 4.89187 8.5099L9.0088 4.39295M7.60705 2.99119L9.0088 4.39295"
        stroke="currentColor"
        strokeWidth="0.75"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M5.5 10H8.5"
        stroke="currentColor"
        strokeWidth="0.75"
        strokeLinecap="round"
      />
    </svg>
  );
}

export function JobActiveIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 12 12"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M4.31407 6.3368H4.08459C3.34272 6.3368 2.97179 6.3368 2.81368 6.0922C2.65557 5.84765 2.80622 5.5069 3.10752 4.82542L4.01334 2.77661C4.28728 2.157 4.42426 1.84719 4.68998 1.67359C4.95571 1.5 5.29295 1.5 5.9675 1.5H7.0122C7.8316 1.5 8.2413 1.5 8.3958 1.76768C8.55035 2.03535 8.3471 2.39294 7.94055 3.10811L7.4046 4.05094C7.2025 4.40648 7.10145 4.58425 7.10285 4.72976C7.1047 4.91888 7.20525 5.0931 7.3677 5.1885C7.4927 5.26195 7.69635 5.26195 8.1037 5.26195C8.61865 5.26195 8.87615 5.26195 9.01025 5.3511C9.18445 5.4669 9.27565 5.6741 9.2437 5.8816C9.2191 6.0413 9.0459 6.2328 8.6995 6.61585L5.93195 9.67615C5.38835 10.2773 5.11655 10.5778 4.93403 10.4827C4.75151 10.3876 4.83916 9.9911 5.01445 9.1981L5.35785 7.6448C5.4913 7.041 5.55805 6.7391 5.39755 6.53795C5.23705 6.3368 4.92938 6.3368 4.31407 6.3368Z"
        stroke="currentColor"
        strokeWidth="0.75"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function JobCustomerIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M12.75 6.375C12.75 4.30393 11.071 2.625 9 2.625C6.92893 2.625 5.25 4.30393 5.25 6.375C5.25 8.44605 6.92893 10.125 9 10.125C11.071 10.125 12.75 8.44605 12.75 6.375Z"
        fill="currentColor"
      />
      <path
        d="M14.25 15.375C14.25 12.4755 11.8995 10.125 9 10.125C6.10051 10.125 3.75 12.4755 3.75 15.375H14.25Z"
        fill="currentColor"
        stroke="currentColor"
        strokeWidth="1.125"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}

export function JobLocationIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M10.2133 16.0252C9.88807 16.3297 9.4533 16.5 9.00082 16.5C8.54835 16.5 8.11365 16.3297 7.78838 16.0252C4.80977 13.2195 0.81807 10.0852 2.7647 5.53474C3.81722 3.07437 6.34375 1.5 9.00082 1.5C11.6579 1.5 14.1845 3.07437 15.237 5.53474C17.1812 10.0795 13.1992 13.2292 10.2133 16.0252Z"
        fill="currentColor"
      />
      <path
        d="M11.625 8.25C11.625 9.69975 10.4497 10.875 9 10.875C7.55025 10.875 6.375 9.69975 6.375 8.25C6.375 6.80025 7.55025 5.625 9 5.625C10.4497 5.625 11.625 6.80025 11.625 8.25Z"
        stroke="var(--card)"
        strokeWidth="1.25"
      />
    </svg>
  );
}

export function JobTimeIcon(props: IconProps) {
  return (
    <svg
      viewBox="0 0 18 18"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
      aria-hidden="true"
      focusable="false"
      {...props}
    >
      <path
        d="M9 16.5C13.1421 16.5 16.5 13.1421 16.5 9C16.5 4.85786 13.1421 1.5 9 1.5C4.85786 1.5 1.5 4.85786 1.5 9C1.5 13.1421 4.85786 16.5 9 16.5Z"
        fill="currentColor"
      />
      <path
        d="M9 6V9L10.5 10.5"
        stroke="var(--card)"
        strokeWidth="1.125"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </svg>
  );
}