import React, { ForwardedRef, useContext } from 'react';
import { OriginIconProps } from '../type';
import { Context } from '../context';

function IconIosComponent(props: OriginIconProps, ref: ForwardedRef<SVGSVGElement>) {
    const { prefix: prefixFromContext } = useContext(Context);
    const { className = '', prefix: prefixFromProps, width = '1em', height = '1em', useCurrentColor = true, spin, ...rest } = props;

    const prefix = prefixFromProps || prefixFromContext || 'hkgai';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-ios${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 41 49" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><path d="M34.2535 26.0715C34.2777 24.1967 34.7771 22.3584 35.7052 20.7278 36.6333 19.0972 37.9599 17.7272 39.5616 16.7452 38.5441 15.2961 37.2017 14.1035 35.6411 13.2622 34.0806 12.4209 32.3448 11.954 30.5716 11.8987 26.7891 11.5028 23.1222 14.1557 21.1947 14.1557 19.2299 14.1557 16.2623 11.938 13.0666 12.0036 10.9996 12.0701 8.98508 12.6695 7.21941 13.7433 5.45374 14.8172 3.99712 16.3287 2.99146 18.1308-1.36473 25.6519 1.8846 36.7055 6.05754 42.7851 8.14537 45.762 10.5854 49.0874 13.7782 48.9695 16.9025 48.8402 18.0694 46.9828 21.8407 46.9828 25.5771 46.9828 26.6718 48.9695 29.9294 48.8945 33.282 48.8402 35.3942 45.9043 37.4088 42.8991 38.9089 40.7779 40.0632 38.4335 40.829 35.9528 38.8813 35.1313 37.2191 33.7562 36.0498 31.9991 34.8805 30.2419 34.2558 28.1803 34.2535 26.0715zM28.1009 7.90013C29.9288 5.71189 30.8294 2.89927 30.6113.0595703 27.8186.352067 25.239 1.68306 23.3863 3.78734 22.4805 4.81534 21.7867 6.01129 21.3447 7.30681 20.9027 8.60234 20.721 9.97204 20.8101 11.3376 22.207 11.352 23.5889 11.05 24.8518 10.4546 26.1146 9.85918 27.2256 8.98576 28.1009 7.90013z"/></svg>;
}

const IconIos = React.forwardRef(IconIosComponent);
export default IconIos;
