import React, { useId } from 'react';
import PropTypes from 'prop-types';
import Icon40PropValues from '../_defaultIconPropValues.ts';

const Home = (props) => {
    const {
        width = Icon40PropValues.width,
        height = Icon40PropValues.height,
        stroke = Icon40PropValues.stroke,
        fill = Icon40PropValues.fill,

        ...restProps
    } = props;
    const id = useId();

    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 24 24"
            width={width}
            height={height}
            {...restProps}
            fill="none"
        >
            <g clipPath={`url(#${id})`}>
                <path
                    fill={fill}
                    stroke={stroke}
                    strokeWidth={0.4}
                    d="M18.845 23H15.86a1.79 1.79 0 0 1-1.66-1.66v-5.915a.245.245 0 0 0-.245-.245h-3.91a.245.245 0 0 0-.245.245v5.865c-.055.94-.77 1.655-1.67 1.71H5.105a1.79 1.79 0 0 1-1.66-1.66v-7.63H2.71c-.66
                    0-1.25-.39-1.535-1.01a1.79 1.79 0 0 1 .245-1.91.2.2 0 0 1 .04-.04l8.555-8.555C10.775 1.44 11.215 1 12 1c.715 0 1.185.445 1.735.955l.23.215.02.02 8.555 8.555.04.04c.445.52.54 1.27.245
                    1.91-.285.625-.875 1.01-1.535 1.01h-.735v7.635a1.796 1.796 0 0 1-1.655 1.655h-.055zm-2.9-1.465h2.865a.33.33 0 0 0 .28-.28V12.98c0-.405.33-.735.735-.735h1.465c.115 0
                    .175-.1.205-.16.04-.09.06-.225-.015-.33l-8.75-8.73c-.305-.29-.595-.56-.73-.56-.165 0-.32.14-.92.735l-8.555 8.56c-.075.1-.055.24-.015.33.025.06.09.16.205.16H4.18c.405 0
                    .735.33.735.735v8.28c.02.145.13.26.275.275h2.9c.11-.01.235-.13.245-.29v-5.825c0-.945.765-1.71 1.71-1.71h3.91c.945 0 1.71.77 1.71 1.71v5.835c.02.145.13.26.275.275z"
                />
            </g>
            <defs>
                <clipPath id={id}>
                    <path fill="#fff" d="M0 0h24v24H0z" />
                </clipPath>
            </defs>
        </svg>
    );
};

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