import type { Component } from "solid-js";

import { IconParameters, defaultFillIconParameters as defaults } from "./types";

const FileIcon: Component<IconParameters> = ({
    width,
    height,
    fill = defaults.fill,
    stroke = defaults.stroke,
    strokeWidth = defaults.strokeWidth,
}: IconParameters) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width={width}
            height={height}
            fill={fill}
            viewBox="0 0 24 24"
            stroke-width={strokeWidth}
            stroke={stroke}
        >
            <path d="M5.625 1.5c-1.036 0-1.875.84-1.875 1.875v17.25c0 1.035.84 1.875 1.875 1.875h12.75c1.035 0 1.875-.84 1.875-1.875V12.75A3.75 3.75 0 0 0 16.5 9h-1.875a1.875 1.875 0 0 1-1.875-1.875V5.25A3.75 3.75 0 0 0 9 1.5H5.625Z" />
            <path d="M12.971 1.816A5.23 5.23 0 0 1 14.25 5.25v1.875c0 .207.168.375.375.375H16.5a5.23 5.23 0 0 1 3.434 1.279 9.768 9.768 0 0 0-6.963-6.963Z" />
        </svg>
    );
};

export default FileIcon;