import { NLView } from "../../types";

export const AddFolder: NLView<{
  setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
  id?: string;
}> = ({ setIsOpen, id }) => (
  <svg
    viewBox="0 0 187 164"
    fill="none"
    xmlns="http://www.w3.org/2000/svg"
    onClick={() => setIsOpen(true)}
    style={{ cursor: "pointer" }}
    id={id}
  >
    <path
      d="M67.1984 5C68.1984 5 70.8984 5 72.2984 5.1C72.3984 5.1 72.3984 5.1 72.4984 5.1L72.5984 5.2C78.2984 11 91.5984 24.3 94.1984 25.9C97.1984 27.9 100.898 28.1 102.398 28.1C111.098 28.2 119.898 28.2 128.398 28.2H178.698C181.298 28.2 182.198 29.1 182.198 31.6V154.8C182.198 157 181.298 157.8 179.098 157.8L9.09844 158.1C7.39844 158.1 5.89844 156.3 5.89844 154.9C6.09844 106.2 6.09844 56.6 6.09844 8.7C6.09844 6.1 6.49844 5 10.2984 5H67.1984ZM67.1984 0H10.2984C4.29844 0 1.09844 2.8 1.09844 8.7C1.09844 57.5 1.09844 106.2 0.898438 154.9C0.898438 159 4.59844 163.1 9.09844 163.1L179.198 162.9C184.198 162.9 187.298 159.8 187.298 154.9C187.298 113.8 187.298 72.8 187.298 31.7C187.298 26.4 184.198 23.3 178.798 23.3C161.998 23.3 145.298 23.3 128.498 23.3C119.898 23.3 111.198 23.3 102.498 23.2C100.698 23.2 98.4984 22.8 96.9984 21.8C94.5984 20.2 76.0984 1.6 76.0984 1.6C74.8984 0.5 74.0984 0.3 72.8984 0.1C71.0984 0 67.1984 0 67.1984 0Z"
      fill="#CDCDCD"
    />
    <path d="M97 59.2998V132.3" stroke="#CDCDCD" strokeWidth="5" strokeMiterlimit="10" />
    <path d="M60.5 95.7998H133.5" stroke="#CDCDCD" strokeWidth="5" strokeMiterlimit="10" />
  </svg>
);