import SvgIcon, { type SvgIconProps } from "@mui/material/SvgIcon";

export function UploadTrayIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M12 3.75 8.5 7.25l1.06 1.06 1.69-1.69V14h1.5V6.62l1.69 1.69 1.06-1.06L12 3.75ZM6.75 11.5A2.75 2.75 0 0 0 4 14.25v3A2.75 2.75 0 0 0 6.75 20h10.5A2.75 2.75 0 0 0 20 17.25v-3a2.75 2.75 0 0 0-2.75-2.75h-1.5V13h1.5c.69 0 1.25.56 1.25 1.25v3c0 .69-.56 1.25-1.25 1.25H6.75c-.69 0-1.25-.56-1.25-1.25v-3c0-.69.56-1.25 1.25-1.25h1.5v-1.5h-1.5Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function PlusThinIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M11.25 5.25h1.5v5.25H18v1.5h-5.25v5.25h-1.5V12H6v-1.5h5.25V5.25Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function ChevronDownIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M7.41 8.59 12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function ChevronDownSmallIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 20 20">
      <path
        d="M5.5 7.5 10 12l4.5-4.5 1 1L10 14 4.5 8.5l1-1Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function ChevronRightIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="m9.29 6.71 1.42-1.42L17 11.59 10.71 17.88 9.29 16.46 14.17 11.59 9.29 6.71Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function AddIssueIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M7 3.5h10A3.5 3.5 0 0 1 20.5 7v10a3.5 3.5 0 0 1-3.5 3.5H7A3.5 3.5 0 0 1 3.5 17V7A3.5 3.5 0 0 1 7 3.5Zm0 1.5A2 2 0 0 0 5 7v10a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2H7Zm4.25 3.25h1.5v3h3v1.5h-3v3h-1.5v-3h-3v-1.5h3v-3Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function RequestMeetingIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M7.25 3h1.5v2h6.5V3h1.5v2h.25A3.25 3.25 0 0 1 20.25 8.25v8.5A3.25 3.25 0 0 1 17 20H7A3.25 3.25 0 0 1 3.75 16.75v-8.5A3.25 3.25 0 0 1 7 5h.25V3Zm-2 7v6.75c0 .97.78 1.75 1.75 1.75h10c.97 0 1.75-.78 1.75-1.75V10H5.25Zm1.75-3.5c-.97 0-1.75.78-1.75 1.75V8.5h13.5v-.25c0-.97-.78-1.75-1.75-1.75H7Zm7.22 6.22L15.28 13.78 11.5 17.56l-1.78-1.78 1.06-1.06 1.72 1.72 2.72-2.72Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function ExportArrowIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M14 4h6v6h-1.5V6.56l-7.22 7.22-1.06-1.06 7.22-7.22H14V4ZM5.75 5.5h6v1.5h-6c-.69 0-1.25.56-1.25 1.25v10c0 .69.56 1.25 1.25 1.25h10c.69 0 1.25-.56 1.25-1.25v-6h1.5v6A2.75 2.75 0 0 1 15.75 21h-10A2.75 2.75 0 0 1 3 18.25v-10A2.75 2.75 0 0 1 5.75 5.5Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function OfficeBuildingIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M5 21V4.75C5 3.78 5.78 3 6.75 3h7.5c.97 0 1.75.78 1.75 1.75V9h1.25c.97 0 1.75.78 1.75 1.75V21h-1.5v-9.75c0-.14-.11-.25-.25-.25H16v10h-4v-4H9v4H5Zm1.5-1.5h1V17c0-.83.67-1.5 1.5-1.5h3c.83 0 1.5.67 1.5 1.5v2.5h1V4.75c0-.14-.11-.25-.25-.25h-7.5c-.14 0-.25.11-.25.25V19.5ZM8 7h2v2H8V7Zm4 0h2v2h-2V7Zm-4 4h2v2H8v-2Zm4 0h2v2h-2v-2Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}

export function SlidersHorizontalIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M4 7.25h8.25a2.75 2.75 0 0 1 5.5 0H20v1.5h-2.25a2.75 2.75 0 0 1-5.5 0H4v-1.5Zm11-1.25a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 15 6ZM4 15.25h2.25a2.75 2.75 0 0 1 5.5 0H20v1.5h-8.25a2.75 2.75 0 0 1-5.5 0H4v-1.5ZM9 14a1.25 1.25 0 1 0 0 2.5A1.25 1.25 0 0 0 9 14Z"
        fill="currentColor"
      />
    </SvgIcon>
  );
}