import { CSSProperties } from "react";

export function FolderIcon(props: { className?: string; style?: CSSProperties }) {
    return (
        <svg className={props.className} style={props.style} xmlns="http://www.w3.org/2000/svg" viewBox="0 0 40 40" height="40" width="40">
            <path fill="currentColor" d="M6.375 34Q4.875 34 3.792 32.896Q2.708 31.792 2.708 30.333V9.375Q2.708 7.875 3.792 6.792Q4.875 5.708 6.375 5.708H16.958L20.042 8.75H33.667Q35.167 8.75 36.271 9.854Q37.375 10.958 37.375 12.458V30.333Q37.375 31.792 36.271 32.896Q35.167 34 33.667 34ZM6.375 9.375V30.333Q6.375 30.333 6.375 30.333Q6.375 30.333 6.375 30.333H33.667Q33.667 30.333 33.667 30.333Q33.667 30.333 33.667 30.333V12.458Q33.667 12.458 33.667 12.458Q33.667 12.458 33.667 12.458H18.5L15.458 9.375H6.375Q6.375 9.375 6.375 9.375Q6.375 9.375 6.375 9.375ZM6.375 9.375Q6.375 9.375 6.375 9.375Q6.375 9.375 6.375 9.375V12.458Q6.375 12.458 6.375 12.458Q6.375 12.458 6.375 12.458V30.333Q6.375 30.333 6.375 30.333Q6.375 30.333 6.375 30.333Q6.375 30.333 6.375 30.333Q6.375 30.333 6.375 30.333Z" />
        </svg>
    );
}
