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

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

const InviteIcon: 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="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"
            />
        </svg>
    );
};

export default InviteIcon;
