import * as React from 'react';
import PropTypes from 'prop-types';
import defaultPropValues from '../_defaultIconPropValues.ts';

const Star = (props) => {
    const {
        width = defaultPropValues.width,
        height = defaultPropValues.height,
        stroke = defaultPropValues.stroke,
        ...restProps
    } = props;

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            width={width}
            height={height}
            {...restProps}
            viewBox="0 0 48 48"
            fill="none"
        >
            <g clipPath="url(#clip0_2561_262)">
                <path
                    d="M23.0633 2.50494C23.3873 1.6386 24.6127 1.6386 24.9367 2.50494L29.6931 15.2252C29.8336 15.601 30.1852 15.8565 30.5861 15.874L44.1536 16.4668C45.0776 16.5072 45.4563 17.6727 44.7325
                    18.2485L34.1046 26.7029C33.7906 26.9527 33.6563 27.366 33.7635 27.7527L37.3923 40.8393C37.6394 41.7306 36.648 42.4509 35.8767 41.9404L24.5519 34.4453C24.2173 34.2238 23.7827 34.2238 23.4481
                    34.4453L12.1233 41.9404C11.352 42.4509 10.3606 41.7306 10.6077 40.8393L14.2365 27.7527C14.3437 27.366 14.2094 26.9527 13.8954 26.7029L3.26754 18.2485C2.54371 17.6727 2.92238 16.5072 3.84643
                    16.4668L17.4139 15.874C17.8148 15.8565 18.1664 15.601 18.3069 15.2252L23.0633 2.50494Z"
                    fill="none"
                    stroke={stroke}
                    strokeWidth="3.5"
                />
            </g>
            <defs>
                <clipPath id="clip0_2561_262">
                    <rect width="48" height="48" />
                </clipPath>
            </defs>
        </svg>
    );
};

Star.propTypes = {
    width: PropTypes.string,
    height: PropTypes.string,
    fill: PropTypes.string,
    stroke: PropTypes.string,
};
export default Star;