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

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

const RightIcon: 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
                stroke-linecap="round"
                stroke-linejoin="round"
                d="M13.5 4.5 21 12m0 0-7.5 7.5M21 12H3"
            />
        </svg>
    );
};

export default RightIcon;