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 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 SaveDiskIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24">
      <path
        d="M5.25 3h10.72c.4 0 .78.16 1.06.44l1.53 1.53c.28.28.44.66.44 1.06v12.72A2.25 2.25 0 0 1 16.75 21H7.25A2.25 2.25 0 0 1 5 18.75V5.25A2.25 2.25 0 0 1 7.25 3Zm0 1.5a.75.75 0 0 0-.75.75v13.5c0 .41.34.75.75.75h11.5c.41 0 .75-.34.75-.75V6.56l-1.56-1.56H15v3.25A1.75 1.75 0 0 1 13.25 10h-4.5A1.75 1.75 0 0 1 7 8.25V4.5h-1.75Zm3.25 0v3.75c0 .14.11.25.25.25h4.5a.25.25 0 0 0 .25-.25V4.5H8.5Zm0 9.75A1.25 1.25 0 0 0 7.25 15.5v2.25A1.25 1.25 0 0 0 8.5 19h7a1.25 1.25 0 0 0 1.25-1.25V15.5a1.25 1.25 0 0 0-1.25-1.25h-7Zm0 1.5h7v1.75h-7v-1.75Z"
        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>
  );
}
