export const verticalLayoutSvg = (
  <svg
    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    className=" w-full h-full"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H9V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path d="M11 0H28V72H11V0Z" className="fill-default-200 dark:fill-default-300" />
    <rect
      x="32"
      y="4"
      width="75"
      height="8"
      rx="1"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect
      x="32"
      y="16"
      width="24"
      height="17"
      rx="1"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect
      x="59"
      y="16"
      width="48"
      height="17"
      rx="1"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect
      x="32"
      y="37"
      width="75"
      height="23"
      rx="1"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect
      x="32"
      y="64"
      width="75"
      height="4"
      rx="1"
      className="fill-default-200 dark:fill-default-300"
    />

    <rect
      x="3"
      y="6"
      width="4"
      height="4"
      rx="2"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="13"
      y="6"
      width="13"
      height="3"
      rx="1.5"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="3"
      y="18"
      width="4"
      height="4"
      rx="2"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="13"
      y="12"
      width="13"
      height="3"
      rx="1.5"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="3"
      y="26"
      width="4"
      height="4"
      rx="2"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="13"
      y="18"
      width="13"
      height="3"
      rx="1.5"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="3"
      y="34"
      width="4"
      height="4"
      rx="2"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="13"
      y="24"
      width="13"
      height="3"
      rx="1.5"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="3"
      y="42"
      width="4"
      height="4"
      rx="2"
      className="fill-default-300  dark:text-default-400"
    />
    <rect
      x="13"
      y="30"
      width="13"
      height="3"
      rx="1.5"
      className="fill-default-300  dark:text-default-400"
    />
    <circle cx="38" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const horizontalLayoutSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect x="5" y="4" width="102" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="5" y="16" width="39" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="48" y="16" width="59" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="5" y="37" width="102" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="5" y="64" width="102" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <circle cx="11" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const semiBoxLayoutSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M4 8C4 5.79086 5.79086 4 8 4H26V68H8C5.79086 68 4 66.2091 4 64V8Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="10" y="10" width="10" height="9" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="28" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="36" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="44" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="52" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const compactLayoutSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect x="18" y="4" width="89" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="16" width="30" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="52" y="16" width="55" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="37" width="89" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="64" width="89" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="4" y="4" width="10" height="64" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="7" y="10" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="22" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="30" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="38" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="46" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="24" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const classicSidebarSvg = (
  <svg
    width="107"

    viewBox="0 0 107 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="8" width="10" height="10" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="28" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="36" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="44" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="52" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const draggableSidebarSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M4.50065 24.1666C4.5927 24.1666 4.66732 24.092 4.66732 23.9999C4.66732 23.9079 4.5927 23.8333 4.50065 23.8333C4.4086 23.8333 4.33398 23.9079 4.33398 23.9999C4.33398 24.092 4.4086 24.1666 4.50065 24.1666Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.50065 23.0001C4.5927 23.0001 4.66732 22.9255 4.66732 22.8334C4.66732 22.7414 4.5927 22.6667 4.50065 22.6667C4.4086 22.6667 4.33398 22.7414 4.33398 22.8334C4.33398 22.9255 4.4086 23.0001 4.50065 23.0001Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.50065 25.3333C4.5927 25.3333 4.66732 25.2587 4.66732 25.1667C4.66732 25.0746 4.5927 25 4.50065 25C4.4086 25 4.33398 25.0746 4.33398 25.1667C4.33398 25.2587 4.4086 25.3333 4.50065 25.3333Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 24.1666C5.5927 24.1666 5.66732 24.092 5.66732 23.9999C5.66732 23.9079 5.5927 23.8333 5.50065 23.8333C5.4086 23.8333 5.33398 23.9079 5.33398 23.9999C5.33398 24.092 5.4086 24.1666 5.50065 24.1666Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 23.0001C5.5927 23.0001 5.66732 22.9255 5.66732 22.8334C5.66732 22.7414 5.5927 22.6667 5.50065 22.6667C5.4086 22.6667 5.33398 22.7414 5.33398 22.8334C5.33398 22.9255 5.4086 23.0001 5.50065 23.0001Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 25.3333C5.5927 25.3333 5.66732 25.2587 5.66732 25.1667C5.66732 25.0746 5.5927 25 5.50065 25C5.4086 25 5.33398 25.0746 5.33398 25.1667C5.33398 25.2587 5.4086 25.3333 5.50065 25.3333Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.50065 32.1666C4.5927 32.1666 4.66732 32.092 4.66732 31.9999C4.66732 31.9079 4.5927 31.8333 4.50065 31.8333C4.4086 31.8333 4.33398 31.9079 4.33398 31.9999C4.33398 32.092 4.4086 32.1666 4.50065 32.1666Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.50065 31.0001C4.5927 31.0001 4.66732 30.9255 4.66732 30.8334C4.66732 30.7414 4.5927 30.6667 4.50065 30.6667C4.4086 30.6667 4.33398 30.7414 4.33398 30.8334C4.33398 30.9255 4.4086 31.0001 4.50065 31.0001Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M4.50065 33.3333C4.5927 33.3333 4.66732 33.2587 4.66732 33.1667C4.66732 33.0746 4.5927 33 4.50065 33C4.4086 33 4.33398 33.0746 4.33398 33.1667C4.33398 33.2587 4.4086 33.3333 4.50065 33.3333Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 32.1666C5.5927 32.1666 5.66732 32.092 5.66732 31.9999C5.66732 31.9079 5.5927 31.8333 5.50065 31.8333C5.4086 31.8333 5.33398 31.9079 5.33398 31.9999C5.33398 32.092 5.4086 32.1666 5.50065 32.1666Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 31.0001C5.5927 31.0001 5.66732 30.9255 5.66732 30.8334C5.66732 30.7414 5.5927 30.6667 5.50065 30.6667C5.4086 30.6667 5.33398 30.7414 5.33398 30.8334C5.33398 30.9255 5.4086 31.0001 5.50065 31.0001Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <path
      d="M5.50065 33.3333C5.5927 33.3333 5.66732 33.2587 5.66732 33.1667C5.66732 33.0746 5.5927 33 5.50065 33C5.4086 33 5.33398 33.0746 5.33398 33.1667C5.33398 33.2587 5.4086 33.3333 5.50065 33.3333Z"
      stroke="#94A3B8"
      strokeWidth="0.3"
      strokeLinecap="round"
      strokeLinejoin="round"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="6" width="10" height="10" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="8" y="22" width="16" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="8" y="30" width="16" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="42" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="50" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="58" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const twoColumnSidebarSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H9V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path d="M11 0H28V72H11V0Z" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="4" width="75" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="16" width="24" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="37" width="75" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="64" width="75" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="3" y="6" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="6" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="18" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="12" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="26" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="18" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="34" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="24" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="42" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="30" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <circle cx="38" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const compactSidebarSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect x="18" y="4" width="89" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="16" width="30" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="52" y="16" width="55" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="37" width="89" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="18" y="64" width="89" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="4" y="4" width="10" height="64" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="7" y="10" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="22" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="30" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="38" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="7" y="46" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="24" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const pinnedSidebarSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <g clip-path="url(#clip0_4857_21246)">
      <path
        d="M22 24.8333V25.6666"
        stroke="#94A3B8"
        strokeWidth="0.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M21.5007 23.7933C21.5006 23.8553 21.4833 23.916 21.4506 23.9687C21.4179 24.0214 21.3712 24.064 21.3157 24.0916L21.019 24.2416C20.9634 24.2692 20.9167 24.3117 20.884 24.3644C20.8513 24.4171 20.834 24.4779 20.834 24.5399V24.6666C20.834 24.7108 20.8515 24.7532 20.8828 24.7844C20.9141 24.8157 20.9564 24.8333 21.0007 24.8333H23.0007C23.0449 24.8333 23.0872 24.8157 23.1185 24.7844C23.1498 24.7532 23.1673 24.7108 23.1673 24.6666V24.5399C23.1673 24.4779 23.15 24.4171 23.1173 24.3644C23.0846 24.3117 23.0379 24.2692 22.9823 24.2416L22.6857 24.0916C22.6301 24.064 22.5834 24.0214 22.5507 23.9687C22.518 23.916 22.5007 23.8553 22.5007 23.7933V23.1666C22.5007 23.1224 22.5182 23.08 22.5495 23.0487C22.5807 23.0175 22.6231 22.9999 22.6673 22.9999C22.7557 22.9999 22.8405 22.9648 22.903 22.9023C22.9655 22.8398 23.0007 22.755 23.0007 22.6666C23.0007 22.5782 22.9655 22.4934 22.903 22.4309C22.8405 22.3684 22.7557 22.3333 22.6673 22.3333H21.334C21.2456 22.3333 21.1608 22.3684 21.0983 22.4309C21.0358 22.4934 21.0007 22.5782 21.0007 22.6666C21.0007 22.755 21.0358 22.8398 21.0983 22.9023C21.1608 22.9648 21.2456 22.9999 21.334 22.9999C21.3782 22.9999 21.4206 23.0175 21.4518 23.0487C21.4831 23.08 21.5007 23.1224 21.5007 23.1666V23.7933Z"
        stroke="#94A3B8"
        strokeWidth="0.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </g>
    <g clip-path="url(#clip1_4857_21246)">
      <path
        d="M22 32.8333V33.6666"
        stroke="#94A3B8"
        strokeWidth="0.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
      <path
        d="M21.5007 31.7933C21.5006 31.8553 21.4833 31.916 21.4506 31.9687C21.4179 32.0214 21.3712 32.064 21.3157 32.0916L21.019 32.2416C20.9634 32.2692 20.9167 32.3117 20.884 32.3644C20.8513 32.4171 20.834 32.4779 20.834 32.5399V32.6666C20.834 32.7108 20.8515 32.7532 20.8828 32.7844C20.9141 32.8157 20.9564 32.8333 21.0007 32.8333H23.0007C23.0449 32.8333 23.0872 32.8157 23.1185 32.7844C23.1498 32.7532 23.1673 32.7108 23.1673 32.6666V32.5399C23.1673 32.4779 23.15 32.4171 23.1173 32.3644C23.0846 32.3117 23.0379 32.2692 22.9823 32.2416L22.6857 32.0916C22.6301 32.064 22.5834 32.0214 22.5507 31.9687C22.518 31.916 22.5007 31.8553 22.5007 31.7933V31.1666C22.5007 31.1224 22.5182 31.08 22.5495 31.0487C22.5807 31.0175 22.6231 30.9999 22.6673 30.9999C22.7557 30.9999 22.8405 30.9648 22.903 30.9023C22.9655 30.8398 23.0007 30.755 23.0007 30.6666C23.0007 30.5782 22.9655 30.4934 22.903 30.4309C22.8405 30.3684 22.7557 30.3333 22.6673 30.3333H21.334C21.2456 30.3333 21.1608 30.3684 21.0983 30.4309C21.0358 30.4934 21.0007 30.5782 21.0007 30.6666C21.0007 30.755 21.0358 30.8398 21.0983 30.9023C21.1608 30.9648 21.2456 30.9999 21.334 30.9999C21.3782 30.9999 21.4206 31.0175 21.4518 31.0487C21.4831 31.08 21.5007 31.1224 21.5007 31.1666V31.7933Z"
        stroke="#94A3B8"
        strokeWidth="0.3"
        strokeLinecap="round"
        strokeLinejoin="round"
      />
    </g>
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="6" width="10" height="10" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="22" width="16" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="30" width="16" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="42" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="50" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="58" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <defs>
      <clipPath id="clip0_4857_21246">
        <rect width="4" height="4" fill="white" transform="translate(20 22)" />
      </clipPath>
      <clipPath id="clip1_4857_21246">
        <rect width="4" height="4" fill="white" transform="translate(20 30)" />
      </clipPath>
    </defs>
  </svg>
);
export const wideContentWidthSvg = (
  <svg

    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <rect x="8" y="4" width="96" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="16" width="29" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="41" y="16" width="63" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="37" width="96" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="64" width="96" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <circle cx="14" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="85" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="91" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="97" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const boxedContentWidthSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M4 8C4 5.79086 5.79086 4 8 4H26V68H8C5.79086 68 4 66.2091 4 64V8Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="10" y="10" width="10" height="9" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="28" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="36" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="44" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="52" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const defaultSkinSvg = (
  <svg

    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 4H31C30.4477 4 30 4.44772 30 5V11C30 11.5523 30.4477 12 31 12H106C106.552 12 107 11.5523 107 11V5C107 4.44772 106.552 4 106 4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M54 16H31C30.4477 16 30 16.4477 30 17V32C30 32.5523 30.4477 33 31 33H54C54.5523 33 55 32.5523 55 32V17C55 16.4477 54.5523 16 54 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 16H60C59.4477 16 59 16.4477 59 17V32C59 32.5523 59.4477 33 60 33H106C106.552 33 107 32.5523 107 32V17C107 16.4477 106.552 16 106 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 37H31C30.4477 37 30 37.4477 30 38V59C30 59.5523 30.4477 60 31 60H106C106.552 60 107 59.5523 107 59V38C107 37.4477 106.552 37 106 37Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 64H31C30.4477 64 30 64.4477 30 65V67C30 67.5523 30.4477 68 31 68H106C106.552 68 107 67.5523 107 67V65C107 64.4477 106.552 64 106 64Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M16 8H10C8.89543 8 8 8.89543 8 10V16C8 17.1046 8.89543 18 10 18H16C17.1046 18 18 17.1046 18 16V10C18 8.89543 17.1046 8 16 8Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 28H4C3.44772 28 3 28.4477 3 29V31C3 31.5523 3.44772 32 4 32H23C23.5523 32 24 31.5523 24 31V29C24 28.4477 23.5523 28 23 28Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 36H4C3.44772 36 3 36.4477 3 37V39C3 39.5523 3.44772 40 4 40H23C23.5523 40 24 39.5523 24 39V37C24 36.4477 23.5523 36 23 36Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 44H4C3.44772 44 3 44.4477 3 45V47C3 47.5523 3.44772 48 4 48H23C23.5523 48 24 47.5523 24 47V45C24 44.4477 23.5523 44 23 44Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 52H4C3.44772 52 3 52.4477 3 53V55C3 55.5523 3.44772 56 4 56H23C23.5523 56 24 55.5523 24 55V53C24 52.4477 23.5523 52 23 52Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M36 10C37.1046 10 38 9.10457 38 8C38 6.89543 37.1046 6 36 6C34.8954 6 34 6.89543 34 8C34 9.10457 34.8954 10 36 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M89 10C90.1046 10 91 9.10457 91 8C91 6.89543 90.1046 6 89 6C87.8954 6 87 6.89543 87 8C87 9.10457 87.8954 10 89 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M95 10C96.1046 10 97 9.10457 97 8C97 6.89543 96.1046 6 95 6C93.8954 6 93 6.89543 93 8C93 9.10457 93.8954 10 95 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M101 10C102.105 10 103 9.10457 103 8C103 6.89543 102.105 6 101 6C99.8954 6 99 6.89543 99 8C99 9.10457 99.8954 10 101 10Z"
      className="fill-default-300  dark:text-default-400"
    />
  </svg>
);
export const borderedSkinSvg = (
  <svg

    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M4.25 8C4.25 5.92893 5.92893 4.25 8 4.25H25.75V67.75H8C5.92893 67.75 4.25 66.0711 4.25 64V8Z"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect
      x="30.25"
      y="4.25"
      width="76.5"
      height="7.5"
      rx="0.75"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect
      x="30.25"
      y="16.25"
      width="24.5"
      height="16.5"
      rx="0.75"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect
      x="59.25"
      y="16.25"
      width="47.5"
      height="16.5"
      rx="0.75"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect
      x="30.25"
      y="37.25"
      width="76.5"
      height="22.5"
      rx="0.75"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect
      x="30.25"
      y="64.25"
      width="76.5"
      height="3.5"
      rx="0.75"
      stroke="#CBD5E1"
      strokeWidth="0.5"
    />
    <rect x="10" y="8" width="10" height="10" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="28" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="36" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="44" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="6" y="52" width="18" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const defaultSidebarColorSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="8" y="8" width="10" height="10" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="28" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="36" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="44" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="52" width="21" height="4" rx="1" className="fill-default-300  dark:text-default-400" />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const colorSidebarColorSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      fill="#405189"
    />
    <path
      d="M106 4H31C30.4477 4 30 4.44772 30 5V11C30 11.5523 30.4477 12 31 12H106C106.552 12 107 11.5523 107 11V5C107 4.44772 106.552 4 106 4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M54 16H31C30.4477 16 30 16.4477 30 17V32C30 32.5523 30.4477 33 31 33H54C54.5523 33 55 32.5523 55 32V17C55 16.4477 54.5523 16 54 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 16H60C59.4477 16 59 16.4477 59 17V32C59 32.5523 59.4477 33 60 33H106C106.552 33 107 32.5523 107 32V17C107 16.4477 106.552 16 106 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 37H31C30.4477 37 30 37.4477 30 38V59C30 59.5523 30.4477 60 31 60H106C106.552 60 107 59.5523 107 59V38C107 37.4477 106.552 37 106 37Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 64H31C30.4477 64 30 64.4477 30 65V67C30 67.5523 30.4477 68 31 68H106C106.552 68 107 67.5523 107 67V65C107 64.4477 106.552 64 106 64Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M16 8H10C8.89543 8 8 8.89543 8 10V16C8 17.1046 8.89543 18 10 18H16C17.1046 18 18 17.1046 18 16V10C18 8.89543 17.1046 8 16 8Z"
      fill="white"
      fill-opacity="0.15"
    />
    <path
      d="M23 28H4C3.44772 28 3 28.4477 3 29V31C3 31.5523 3.44772 32 4 32H23C23.5523 32 24 31.5523 24 31V29C24 28.4477 23.5523 28 23 28Z"
      fill="white"
      fill-opacity="0.15"
    />
    <path
      d="M23 36H4C3.44772 36 3 36.4477 3 37V39C3 39.5523 3.44772 40 4 40H23C23.5523 40 24 39.5523 24 39V37C24 36.4477 23.5523 36 23 36Z"
      fill="white"
      fill-opacity="0.15"
    />
    <path
      d="M23 44H4C3.44772 44 3 44.4477 3 45V47C3 47.5523 3.44772 48 4 48H23C23.5523 48 24 47.5523 24 47V45C24 44.4477 23.5523 44 23 44Z"
      fill="white"
      fill-opacity="0.15"
    />
    <path
      d="M23 52H4C3.44772 52 3 52.4477 3 53V55C3 55.5523 3.44772 56 4 56H23C23.5523 56 24 55.5523 24 55V53C24 52.4477 23.5523 52 23 52Z"
      fill="white"
      fill-opacity="0.15"
    />
    <path
      d="M36 10C37.1046 10 38 9.10457 38 8C38 6.89543 37.1046 6 36 6C34.8954 6 34 6.89543 34 8C34 9.10457 34.8954 10 36 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M89 10C90.1046 10 91 9.10457 91 8C91 6.89543 90.1046 6 89 6C87.8954 6 87 6.89543 87 8C87 9.10457 87.8954 10 89 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M95 10C96.1046 10 97 9.10457 97 8C97 6.89543 96.1046 6 95 6C93.8954 6 93 6.89543 93 8C93 9.10457 93.8954 10 95 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M101 10C102.105 10 103 9.10457 103 8C103 6.89543 102.105 6 101 6C99.8954 6 99 6.89543 99 8C99 9.10457 99.8954 10 101 10Z"
      className="fill-default-300  dark:text-default-400"
    />
  </svg>
);
export const gradientSidebarColorSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      fill="url(#paint0_linear_4857_21630)"
    />
    <rect x="30" y="4" width="77" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="16" width="25" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="37" width="77" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="30" y="64" width="77" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect
      x="8"
      y="8"
      width="10"
      height="10"
      rx="2"
      fill="white"
      fill-opacity="0.2"
    />
    <rect
      x="3"
      y="28"
      width="21"
      height="4"
      rx="1"
      fill="white"
      fill-opacity="0.2"
    />
    <rect
      x="3"
      y="36"
      width="21"
      height="4"
      rx="1"
      fill="white"
      fill-opacity="0.2"
    />
    <rect
      x="3"
      y="44"
      width="21"
      height="4"
      rx="1"
      fill="white"
      fill-opacity="0.2"
    />
    <rect
      x="3"
      y="52"
      width="21"
      height="4"
      rx="1"
      fill="white"
      fill-opacity="0.2"
    />
    <circle cx="36" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <defs>
      <linearGradient
        id="paint0_linear_4857_21630"
        x1="1"
        y1="36"
        x2="26"
        y2="36"
        gradientUnits="userSpaceOnUse"
      >
        <stop stop-color="#A831AA" />
        <stop offset="1" stop-color="#4A154B" />
      </linearGradient>
    </defs>
  </svg>
);
export const lightTopbarColorSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H9V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path d="M11 0H28V72H11V0Z" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="4" width="75" height="8" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="16" width="24" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="59" y="16" width="48" height="17" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="37" width="75" height="23" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="32" y="64" width="75" height="4" rx="1" className="fill-default-200 dark:fill-default-300" />
    <rect x="3" y="6" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="6" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="18" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="12" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="26" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="18" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="34" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="24" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <rect x="3" y="42" width="4" height="4" rx="2" className="fill-default-300  dark:text-default-400" />
    <rect x="13" y="30" width="13" height="3" rx="1.5" className="fill-default-300  dark:text-default-400" />
    <circle cx="38" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="89" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="95" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
    <circle cx="101" cy="8" r="2" className="fill-default-300  dark:text-default-400" />
  </svg>
);
export const colorTopbarColorSvg = (
  <svg


    viewBox="0 0 112 72"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      d="M0 4C0 1.79086 1.79086 0 4 0H26V72H4C1.79086 72 0 70.2091 0 68V4Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 4H31C30.4477 4 30 4.44772 30 5V11C30 11.5523 30.4477 12 31 12H106C106.552 12 107 11.5523 107 11V5C107 4.44772 106.552 4 106 4Z"
      fill="#475569"
    />
    <path
      d="M54 16H31C30.4477 16 30 16.4477 30 17V32C30 32.5523 30.4477 33 31 33H54C54.5523 33 55 32.5523 55 32V17C55 16.4477 54.5523 16 54 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 16H60C59.4477 16 59 16.4477 59 17V32C59 32.5523 59.4477 33 60 33H106C106.552 33 107 32.5523 107 32V17C107 16.4477 106.552 16 106 16Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 37H31C30.4477 37 30 37.4477 30 38V59C30 59.5523 30.4477 60 31 60H106C106.552 60 107 59.5523 107 59V38C107 37.4477 106.552 37 106 37Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M106 64H31C30.4477 64 30 64.4477 30 65V67C30 67.5523 30.4477 68 31 68H106C106.552 68 107 67.5523 107 67V65C107 64.4477 106.552 64 106 64Z"
      className="fill-default-200 dark:fill-default-300"
    />
    <path
      d="M16 8H10C8.89543 8 8 8.89543 8 10V16C8 17.1046 8.89543 18 10 18H16C17.1046 18 18 17.1046 18 16V10C18 8.89543 17.1046 8 16 8Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 28H4C3.44772 28 3 28.4477 3 29V31C3 31.5523 3.44772 32 4 32H23C23.5523 32 24 31.5523 24 31V29C24 28.4477 23.5523 28 23 28Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 36H4C3.44772 36 3 36.4477 3 37V39C3 39.5523 3.44772 40 4 40H23C23.5523 40 24 39.5523 24 39V37C24 36.4477 23.5523 36 23 36Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 44H4C3.44772 44 3 44.4477 3 45V47C3 47.5523 3.44772 48 4 48H23C23.5523 48 24 47.5523 24 47V45C24 44.4477 23.5523 44 23 44Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M23 52H4C3.44772 52 3 52.4477 3 53V55C3 55.5523 3.44772 56 4 56H23C23.5523 56 24 55.5523 24 55V53C24 52.4477 23.5523 52 23 52Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M36 10C37.1046 10 38 9.10457 38 8C38 6.89543 37.1046 6 36 6C34.8954 6 34 6.89543 34 8C34 9.10457 34.8954 10 36 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M89 10C90.1046 10 91 9.10457 91 8C91 6.89543 90.1046 6 89 6C87.8954 6 87 6.89543 87 8C87 9.10457 87.8954 10 89 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M95 10C96.1046 10 97 9.10457 97 8C97 6.89543 96.1046 6 95 6C93.8954 6 93 6.89543 93 8C93 9.10457 93.8954 10 95 10Z"
      className="fill-default-300  dark:text-default-400"
    />
    <path
      d="M101 10C102.105 10 103 9.10457 103 8C103 6.89543 102.105 6 101 6C99.8954 6 99 6.89543 99 8C99 9.10457 99.8954 10 101 10Z"
      className="fill-default-300  dark:text-default-400"
    />
  </svg>
);
