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

export function MenuBarsIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path d="M4 7H20" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M4 12H20" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M4 17H20" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function ChevronDownSmallIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M7 10L12 15L17 10"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgIcon>
  );
}

export function DocumentFileIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M7 4.5H14L18 8.5V18.5C18 19.05 17.55 19.5 17 19.5H7C6.45 19.5 6 19.05 6 18.5V5.5C6 4.95 6.45 4.5 7 4.5Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path d="M14 4.5V8.5H18" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round" />
      <path d="M9 12H15" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M9 15H15" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function ReceiptSheetIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M7 4.5H17V19.5L15.25 18.2L13.5 19.5L11.75 18.2L10 19.5L8.25 18.2L6.5 19.5V5C6.5 4.72 6.72 4.5 7 4.5Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path d="M9 9H15" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M9 12H15" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M9 15H13" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function ExportArrowIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M12 5V14"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
      />
      <path
        d="M8.5 8.5L12 5L15.5 8.5"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M5 16.5V18C5 18.83 5.67 19.5 6.5 19.5H17.5C18.33 19.5 19 18.83 19 18V16.5"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
      />
    </SvgIcon>
  );
}

export function PlusSmallIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path d="M12 6V18" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M6 12H18" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function FilesOutlineIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <rect x="8" y="5" width="10" height="13" rx="1.8" stroke="currentColor" strokeWidth="1.6" />
      <path d="M6 8.5V17C6 17.83 6.67 18.5 7.5 18.5H14" stroke="currentColor" strokeWidth="1.6" />
      <path d="M10.5 8.5H15.5" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function FileCheckOutlineIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M7 4.5H14L18 8.5V18.5C18 19.05 17.55 19.5 17 19.5H7C6.45 19.5 6 19.05 6 18.5V5.5C6 4.95 6.45 4.5 7 4.5Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path d="M14 4.5V8.5H18" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round" />
      <path
        d="M9.2 14.1L11.1 16L14.9 12.2"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </SvgIcon>
  );
}

export function FolderEditOutlineIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M4.5 8C4.5 7.17 5.17 6.5 6 6.5H10L11.5 8H18C18.83 8 19.5 8.67 19.5 9.5V17C19.5 17.83 18.83 18.5 18 18.5H6C5.17 18.5 4.5 17.83 4.5 17V8Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path
        d="M10.3 15.6L14.9 11"
        stroke="currentColor"
        strokeWidth="1.8"
        strokeLinecap="round"
      />
      <path
        d="M9.5 16.5L10.2 14.7L13 17.5L11.2 18.2L9.5 16.5Z"
        stroke="currentColor"
        strokeWidth="1.3"
        strokeLinejoin="round"
      />
    </SvgIcon>
  );
}

export function FileCloseOutlineIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M7 4.5H14L18 8.5V18.5C18 19.05 17.55 19.5 17 19.5H7C6.45 19.5 6 19.05 6 18.5V5.5C6 4.95 6.45 4.5 7 4.5Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path d="M14 4.5V8.5H18" stroke="currentColor" strokeWidth="1.6" strokeLinejoin="round" />
      <path d="M10 12L14 16" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M14 12L10 16" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
    </SvgIcon>
  );
}

export function SlidersHorizontalIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path d="M4 7H11" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M13 7H20" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M4 17H7" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <path d="M9 17H20" stroke="currentColor" strokeWidth="1.8" strokeLinecap="round" />
      <circle cx="12" cy="7" r="2" stroke="currentColor" strokeWidth="1.8" />
      <circle cx="8" cy="17" r="2" stroke="currentColor" strokeWidth="1.8" />
    </SvgIcon>
  );
}

export function EyeOpenIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M3.5 12C5.5 8.4 8.44 6.5 12 6.5C15.56 6.5 18.5 8.4 20.5 12C18.5 15.6 15.56 17.5 12 17.5C8.44 17.5 5.5 15.6 3.5 12Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <circle cx="12" cy="12" r="2.5" stroke="currentColor" strokeWidth="1.6" />
    </SvgIcon>
  );
}

export function OfficeBuildingIcon(props: SvgIconProps) {
  return (
    <SvgIcon {...props} viewBox="0 0 24 24" fill="none">
      <path
        d="M6 4.5H14.5V19.5H6C5.45 19.5 5 19.05 5 18.5V5.5C5 4.95 5.45 4.5 6 4.5Z"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path
        d="M14.5 8H18C18.55 8 19 8.45 19 9V18.5C19 19.05 18.55 19.5 18 19.5H14.5"
        stroke="currentColor"
        strokeWidth="1.6"
        strokeLinejoin="round"
      />
      <path d="M8 8H10" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M8 11.5H10" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M8 15H10" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M16 11.5H17" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
      <path d="M11.5 19.5V16.5H13.5V19.5" stroke="currentColor" strokeWidth="1.6" />
    </SvgIcon>
  );
}
