import React from 'react';

import { SVG, IProps as IPropsSVG } from '..';

export interface IProps {
    readonly svg?: IPropsSVG
}

export const IconEditorNumberedList = (props: IProps) => (
    <SVG {...props.svg}>
        <path
            fillRule="evenodd"
            d="m3.986 3.565-1.034.547c-.08 0-.154.093-.074.174l.148.546c-.065.129-.029.16.03.209.013.012.028.024.044.04h.172l.468-.249V7.94c0 .08.068.15.148.15h.788c.08 0 .173-.07.173-.15V3.813c0-.158-.093-.248-.173-.248h-.69ZM22 5v2H8V5h14Zm0 8v-2H8v2h14Zm0 6v-2H8v2h14ZM3.987 15.657c-.552 0-1.044.165-1.281.323-.075.075-.075.134-.074.207v.017l.172.571c0 .05.025.064.063.086.024.014.054.032.085.063H3.1l.011-.005c.16-.083.472-.243.703-.243.157 0 .468.084.468.323 0 .317-.459.398-.616.398h-.32c-.08 0-.148.093-.148.174v.546c0 .081.068.15.148.15h.32c.157 0 .715.018.715.496 0 .317-.247.473-.64.473-.315 0-.706-.168-.863-.249h-.172c-.075 0-.075.081-.074.158v.016l-.148.547v.016c0 .076 0 .157.074.232.237.159.705.299 1.256.299 1.263 0 1.823-.703 1.823-1.417 0-.398-.246-.805-.64-1.044.314-.239.468-.547.468-.944 0-.637-.453-1.193-1.478-1.193Zm-1.43-5.574c.395-.317.878-.472 1.43-.472 1.102 0 1.576.727 1.576 1.441 0 .772-.612 1.389-1.225 2.007l-.056.056h1.183c.157 0 .252.065.172.224v.646c0 .08-.092.149-.172.149h-2.76a.15.15 0 0 1-.147-.15v-.645l.468-.398.163-.164c.83-.836 1.192-1.2 1.192-1.65 0-.317-.173-.473-.567-.473-.237 0-.551.06-.788.299H2.862c-.076 0-.156 0-.156-.075l-.222-.547v-.016c0-.076 0-.157.074-.232Z"
            clipRule="evenodd"
        />
    </SVG>
);

export default IconEditorNumberedList;
