import React from "react";

export const IconQRCode = ({style}: { style?: React.CSSProperties }) => (
    <svg className={'svg-icon'} style={style} xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1"
         width="1em" height="1em" viewBox="0 0 15 15">
        <defs>
            <clipPath id="master_svg0_1_3654/1_0549">
                <rect x="0" y="0" width="15" height="15" rx="6"/>
            </clipPath>
        </defs>
        <g clipPath="url(#master_svg0_1_3654/1_0549)">
            <g>
                <path
                    d="M1.40625,1.875C1.40625,1.616118,1.616118,1.40625,1.875,1.40625L5.625,1.40625C5.88388,1.40625,6.09375,1.616118,6.09375,1.875L6.09375,5.625C6.09375,5.88388,5.88388,6.09375,5.625,6.09375L1.875,6.09375C1.616118,6.09375,1.40625,5.88388,1.40625,5.625L1.40625,1.875ZM2.8125,4.6875L4.6875,4.6875L4.6875,2.8125L2.8125,2.8125L2.8125,4.6875Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M1.40631103515625,9.37506103515625L1.40631103515625,13.125001035156249C1.40631103515625,13.38388103515625,1.61618103515625,13.593751035156249,1.87506203515625,13.593751035156249L5.62500103515625,13.593751035156249C5.88388103515625,13.593751035156249,6.09375103515625,13.38388103515625,6.09375103515625,13.125001035156249L6.09375103515625,9.37506103515625C6.09375103515625,9.11617903515625,5.88388103515625,8.90631103515625,5.62500103515625,8.90631103515625L1.87506203515625,8.90631103515625C1.61618103515625,8.90631103515625,1.40631103515625,9.11617903515625,1.40631103515625,9.37506103515625ZM2.81256103515625,12.18750103515625L2.81256103515625,10.31256103515625L4.6875010351562505,10.31256103515625L4.6875010351562505,12.18750103515625L2.81256103515625,12.18750103515625Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M9.375,1.40625C9.116119,1.40625,8.90625,1.616118,8.90625,1.875L8.90625,5.625C8.90625,5.88388,9.116119,6.09375,9.375,6.09375L13.125,6.09375C13.383880000000001,6.09375,13.59375,5.88388,13.59375,5.625L13.59375,1.875C13.59375,1.616118,13.383880000000001,1.40625,13.125,1.40625L9.375,1.40625ZM10.3125,2.8125L12.1875,2.8125L12.1875,4.6875L10.3125,4.6875L10.3125,2.8125Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M1.40625,7.03131103515625L13.59375,7.03131103515625L13.59375,7.96881103515625L1.40625,7.96881103515625L1.40625,7.03131103515625Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path d="M7.03125,1.40625L7.03125,6.09375L7.96875,6.09375L7.96875,1.40625L7.03125,1.40625Z"
                      fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M7.03125,13.593782109374999L7.03125,8.909912109375L7.96875,8.909912109375L7.96875,13.593782109374999L7.03125,13.593782109374999Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M8.902130126953125,11.718782109375L11.718760126953125,11.718782109375L11.718760126953125,10.312532109375L10.308390126953125,10.312532109375L10.308410126953126,8.909927308575L8.902158737153124,8.909912109375L8.902130126953125,11.718782109375Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M8.90625,12.65622L12.6537,12.65622L12.653690000000001,8.9062643051L13.591190000000001,8.90625L13.5912,12.937470000000001C13.5912,13.299900000000001,13.29738,13.593720000000001,12.93495,13.593720000000001L8.90625,13.593720000000001L8.90625,12.65622Z"
                    fill="currentColor"/>
            </g>
        </g>
    </svg>
)
export const IconQuery = ({style}: { style?: React.CSSProperties }) => (
    <svg className={'svg-icon'} style={style} xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1"
         width="1em" height="1em" viewBox="0 0 15 15">
        <defs>
            <clipPath id="master_svg0_1_3654/1_0572">
                <rect x="0" y="0" width="15" height="15" rx="0"/>
            </clipPath>
        </defs>
        <g clipPath="url(#master_svg0_1_3654/1_0572)">
            <g>
                <path
                    d="M8.4375,8.20313Q8.4375,8.2607,8.43186,8.31799Q8.426210000000001,8.37528,8.41498,8.431750000000001Q8.40375,8.48821,8.387039999999999,8.5433Q8.37033,8.59839,8.3483,8.65158Q8.32626,8.70477,8.29913,8.75554Q8.27199,8.80632,8.24,8.85418Q8.20802,8.90205,8.1715,8.94655Q8.13497,8.991060000000001,8.09427,9.03177Q8.053560000000001,9.07247,8.00905,9.109Q7.96455,9.14552,7.9166799999999995,9.1775Q7.8688199999999995,9.20949,7.81804,9.23663Q7.76727,9.26376,7.71408,9.2858Q7.66089,9.30783,7.6058,9.324539999999999Q7.5507100000000005,9.34125,7.49425,9.35248Q7.43778,9.363710000000001,7.38049,9.36936Q7.3232,9.375,7.26563,9.375Q7.20805,9.375,7.15076,9.36936Q7.093468,9.363710000000001,7.037003,9.35248Q6.980539,9.34125,6.925448,9.324539999999999Q6.870356,9.30783,6.817168,9.2858Q6.76398,9.26376,6.713207,9.23663Q6.662434,9.20949,6.614566,9.1775Q6.566698,9.14552,6.522195,9.109Q6.477693,9.07247,6.436984,9.03177Q6.396276,8.991060000000001,6.3597529999999995,8.94655Q6.323231,8.90205,6.291247,8.85418Q6.259262,8.80632,6.232123,8.75554Q6.204985,8.70477,6.1829537,8.65158Q6.1609224,8.59839,6.1442105,8.5433Q6.1274987,8.48821,6.1162672,8.431750000000001Q6.1050358,8.37528,6.0993929,8.31799Q6.09375,8.2607,6.09375,8.20313Q6.09375,8.14555,6.0993929,8.08826Q6.1050358,8.030968,6.1162672,7.974503Q6.1274987,7.918039,6.1442105,7.862948Q6.1609224,7.807856,6.1829537,7.754668Q6.204985,7.70148,6.232123,7.650707Q6.259262,7.599934,6.291247,7.552066Q6.323231,7.504198,6.3597529999999995,7.459695Q6.396276,7.415193,6.436984,7.374484Q6.477693,7.333776,6.522195,7.2972529999999995Q6.566698,7.260731,6.614566,7.228747Q6.662434,7.196762,6.713207,7.169623Q6.76398,7.142485,6.817168,7.1204537Q6.870356,7.0984224,6.925448,7.0817105Q6.980539,7.0649987,7.037003,7.0537672Q7.093468,7.0425358,7.15076,7.0368929Q7.20805,7.03125,7.26563,7.03125Q7.3232,7.03125,7.38049,7.0368929Q7.43778,7.0425358,7.49425,7.0537672Q7.5507100000000005,7.0649987,7.6058,7.0817105Q7.66089,7.0984224,7.71408,7.1204537Q7.76727,7.142485,7.81804,7.169623Q7.8688199999999995,7.196762,7.9166799999999995,7.228747Q7.96455,7.260731,8.00905,7.2972529999999995Q8.053560000000001,7.333776,8.09427,7.374484Q8.13497,7.415193,8.1715,7.459695Q8.20802,7.504198,8.24,7.552066Q8.27199,7.599934,8.29913,7.650707Q8.32626,7.70148,8.3483,7.754668Q8.37033,7.807856,8.387039999999999,7.862948Q8.40375,7.918039,8.41498,7.974503Q8.426210000000001,8.030968,8.43186,8.08826Q8.4375,8.14555,8.4375,8.20313Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M3.28125,0.9375C2.5046049999999997,0.9375,1.875,1.567105,1.875,2.34375L1.875,12.6563C1.875,13.4329,2.5046049999999997,14.0625,3.28125,14.0625L11.71875,14.0625C12.4954,14.0625,13.125,13.4329,13.125,12.6563L13.125,5.15622L10.3125,5.15622C9.53585,5.15622,8.90625,4.526619999999999,8.90625,3.74997L8.90625,0.9375L3.28125,0.9375ZM9.375,8.20312C9.375,8.61589,9.25644,9.00097,9.05152,9.32616L10.32722,10.60187L9.66431,11.2648L8.38859,9.98906C8.06342,10.19396,7.67836,10.3125,7.26562,10.3125C6.10065,10.3125,5.15625,9.3681,5.15625,8.20312C5.15625,7.03815,6.10065,6.09375,7.26562,6.09375C8.4306,6.09375,9.375,7.03815,9.375,8.20312Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M12.84958,3.55950103515625C13.02483,3.73431103515625,13.1238,3.97131103515625,13.12499,4.21872103515625L10.3125,4.21872103515625C10.053619,4.21872103515625,9.84375,4.008851035156249,9.84375,3.74997103515625L9.84375,0.93756103515625C10.088203,0.94027833515625,10.322109,1.03840803515625,10.495386,1.21125403515625L12.84958,3.55950103515625Z"
                    fill="currentColor"/>
            </g>
        </g>
    </svg>
)

export const IconReconciliation = ({style}: { style?: React.CSSProperties }) => (
    <svg className={'svg-icon'} style={style} xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1"
         width="1em" height="1em" viewBox="0 0 15 15">
        <defs>
            <clipPath id="master_svg0_1_3654/1_0566">
                <rect x="0" y="0" width="15" height="15" rx="6"/>
            </clipPath>
        </defs>
        <g clipPath="url(#master_svg0_1_3654/1_0566)">
            <g>
                <path
                    d="M2.81335,5.56129C2.8471,4.29633,3.88314,3.28125,5.15625,3.28125C5.34382,3.28125,5.52626,3.30328,5.70108,3.34491C6.28865,2.459048,7.29486,1.875,8.4375,1.875C10.04117,1.875,11.3761,3.0254399999999997,11.6621,4.54604C13.0745,5.15864,14.0625,6.5655,14.0625,8.20312C14.0625,9.294170000000001,13.624,10.28278,12.9136,11.00232C13.1438,10.2376,12.5883,9.3752,11.6976,9.3752L11.247,9.3752L11.247,7.03119C11.247,6.51343,10.82728,6.09369,10.30951,6.09369L9.37201,6.09369C9.13329,6.09369,8.91541,6.18292,8.74989,6.32984C8.19456,5.96552,7.39427,5.99146,6.88692,6.60201L5.15099,8.69101C4.46064,9.52176,5.05144,10.78088,6.1316,10.78087L6.56222,10.78087L6.56222,12.1875L4.45312,12.1875C2.5115,12.1875,0.9375,10.6135,0.9375,8.67188C0.9375,7.32245,1.697769,6.1506,2.81335,5.56129Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M10.20127127734375,12.95489896484375C9.92087127734375,13.29233896484375,9.37200927734375,13.09405896484375,9.37200927734375,12.65530896484375L9.37200927734375,7.03118896484375L10.30950927734375,7.03118896484375L10.30950927734375,10.31269896484375L11.69760927734375,10.31269896484375C11.975589277343751,10.31269896484375,12.12763927734375,10.63672896484375,11.949969277343751,10.85053896484375L10.20127127734375,12.95489896484375Z"
                    fill="currentColor"/>
            </g>
            <g>
                <path
                    d="M8.43601703125,7.46545189453125C8.43681703125,7.47703889453125,8.43721703125,7.48880089453125,8.43721703125,7.50075389453125L8.43721703125,13.124936894531249L7.49971703125,13.124936894531249L7.49971703125,9.84335689453125L6.13159703125,9.84335689453125C5.84567423125,9.84335689453125,5.68928803125,9.51007689453125,5.87202693125,9.29016689453125L7.60795703125,7.20116489453125C7.87685703125,6.87756589453125,8.39263703125,7.04663799453125,8.43450703125,7.44799089453125C8.43510703125,7.45376189453125,8.43560703125,7.45957789453125,8.43601703125,7.46545189453125Z"
                    fill="currentColor"/>
            </g>
        </g>
    </svg>
)

export const IconPermission = ({style}: { style?: React.CSSProperties }) => (
    <svg className={'svg-icon'} style={style} xmlns="http://www.w3.org/2000/svg" fill="none" version="1.1"
         width="1em" height="1em" viewBox="0 0 1024 1024">
        <path
            d="M952.569193 174.896498C762.876124 133.373939 608.868903 72.549279 512 0 415.131097 72.549279 261.123876 133.373939 71.686803 174.845299a25.599604 25.599604 0 0 0-20.479684 25.087612V409.593672c0 250.876124 162.608688 472.261504 409.593672 602.153897a113.099053 113.099053 0 0 0 102.398418 0C810.184193 881.855175 972.792881 660.469796 972.792881 409.593672V199.676915a25.599604 25.599604 0 0 0-20.223688-24.780417zM895.994067 409.593672c0 213.142307-137.777071 412.819222-368.634304 534.212546a37.068227 37.068227 0 0 1-30.719526 0C265.783004 822.412894 128.005933 622.735979 128.005933 409.593672V240.636282c156.720779-37.426622 287.688355-87.909042 383.994067-147.914515 96.305712 60.107871 227.273289 110.590291 383.994067 147.914515z"
            fill="currentColor" p-id="4295"></path>
        <path
            d="M639.998022 691.189321h-102.398418v-76.798813h102.398418a25.599604 25.599604 0 0 0 0-51.199209h-102.398418V457.925725a115.19822 115.19822 0 1 0-51.199208 0V793.587739a25.599604 25.599604 0 0 0 51.199208 0v-51.199209h102.398418a25.599604 25.599604 0 0 0 0-51.199209zM448.000989 345.594661A63.999011 63.999011 0 1 1 512 409.593672a63.999011 63.999011 0 0 1-63.999011-63.999011z"
            fill="currentColor" p-id="4296"></path>
    </svg>
)