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

function IconNotionComponent(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 || 'font';
    const loadingKls = spin ? ` ${prefix}-icon-loading` : '';
    return <svg className={`${prefix}-icon ${prefix}-icon-Notion${loadingKls} ${className}`} width={width} height={height} viewBox="0 0 14 14" fill={useCurrentColor ? 'currentColor' : '#000'} xmlns="http://www.w3.org/2000/svg" {...rest} ref={ref}><g clipPath="url(#svg_b1b71398b3__clip0_1434_23124)"><path d="M2.60099 2.45466C3.03616 2.80816 3.19949 2.78133 4.01732 2.72649L11.7261 2.26391C11.8894 2.26391 11.7535 2.10058 11.6992 2.07374L10.4182 1.14799C10.1732 0.957826 9.84599 0.739659 9.21949 0.793909L1.75574 1.33874C1.48391 1.36558 1.42907 1.50208 1.53757 1.61058L2.60099 2.45466ZM3.06357 4.25133V12.362C3.06357 12.7977 3.28116 12.9611 3.77174 12.9337L12.2435 12.4437C12.7341 12.4168 12.7889 12.117 12.7889 11.7629V3.70649C12.7889 3.35299 12.653 3.16224 12.3526 3.18908L3.49932 3.70649C3.17266 3.73391 3.06357 3.89724 3.06357 4.25074V4.25133ZM11.4268 4.68591C11.4811 4.93091 11.4268 5.17591 11.1818 5.20391L10.7735 5.28558V11.2729C10.4188 11.4637 10.0922 11.5727 9.81974 11.5727C9.38341 11.5727 9.27432 11.4362 8.94766 11.0285L6.27774 6.83666V10.892L7.12241 11.0833C7.12241 11.0833 7.12241 11.5733 6.44107 11.5733L4.56157 11.6818C4.50732 11.5733 4.56157 11.3009 4.75232 11.2467L5.24232 11.1107V5.74816L4.56274 5.69333C4.50791 5.44833 4.64441 5.09483 5.02532 5.06741L7.04132 4.93149L9.82032 9.17758V5.42091L9.11157 5.33983C9.05732 5.03999 9.27491 4.82241 9.54732 4.79558L11.4268 4.68591ZM1.12924 0.603743L8.89341 0.032076C9.84657 -0.0495907 10.0922 0.00465931 10.6912 0.440409L13.1698 2.18224C13.5782 2.48149 13.7147 2.56316 13.7147 2.88983V12.4437C13.7147 13.0422 13.4971 13.3968 12.7347 13.4505L3.71749 13.9953C3.14582 14.0227 2.87282 13.9411 2.57299 13.5596L0.74774 11.1912C0.421073 10.7555 0.285156 10.4294 0.285156 10.0479V1.55574C0.285156 1.06633 0.503323 0.657409 1.12924 0.603743Z"/></g><defs><clipPath id="svg_b1b71398b3__clip0_1434_23124"><path d="M0 0H14V14H0z"/></clipPath></defs></svg>;
}

const IconNotion = React.forwardRef(IconNotionComponent);
export default IconNotion;
