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

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

const RemoveIcon: 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
                fill-rule="evenodd"
                d="M12 2.25c-5.385 0-9.75 4.365-9.75 9.75s4.365 9.75 9.75 9.75 9.75-4.365 9.75-9.75S17.385 2.25 12 2.25Zm-1.72 6.97a.75.75 0 1 0-1.06 1.06L10.94 12l-1.72 1.72a.75.75 0 1 0 1.06 1.06L12 13.06l1.72 1.72a.75.75 0 1 0 1.06-1.06L13.06 12l1.72-1.72a.75.75 0 1 0-1.06-1.06L12 10.94l-1.72-1.72Z"
                clip-rule="evenodd"
            />
        </svg>
    );
};

export default RemoveIcon;
