import type { SvgProps } from '@/@types/common'
const Click = ({
    primaryColorClass = 'fill-primary',
    secondaryColorClass = 'fill-primary-subtle',
    ...props
}: SvgProps & { primaryColorClass?: string; secondaryColorClass?: string }) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            id="tOhw98Bu8o"
            viewBox="0 0 100 100"
            {...props}
        >
            <title>{'Click'}</title>
            <defs></defs>
            <g>
                <g>
                    <path
                        d="M43.71 25.52v31.85a1.25 1.25 0 0 1-1.94 1l-3.4-2.27s-6.8-6-9.57-5.42-1.69 3.47 1.45 4.77a31.27 31.27 0 0 1 11.68 9.19C45 68.9 48.43 76.36 60.54 78l-18.28 1-4.87-10.57-4.76-6.24-7.36-5.3s-1.4-7 4-7.42l10.38 4.61V28.44s.65-4.55 4.06-2.92ZM59.25 80.54S48.86 81.6 52 93.48H38V79.62Z"
                        className={secondaryColorClass}
                    />
                </g>
                <path
                    d="M74.81 77.58h-2.7l1.68-3.72A24.33 24.33 0 0 0 76 63.78V44.1a5.85 5.85 0 0 0-9.85-4.28 5.88 5.88 0 0 0-8.19-1.35 6.13 6.13 0 0 0-.89.8A5.72 5.72 0 0 0 55.33 38a17.88 17.88 0 1 0-17.22 3.39v11.32l-6.41-3.15a5.55 5.55 0 0 0-5.65 9.52c5.66 4 9.52 7.68 10.58 10.14s2.59 5.69 3.89 8.35H38a1.49 1.49 0 0 0-1.48 1.49V92a1.48 1.48 0 0 0 3 0V80.54h33.81V92a1.49 1.49 0 0 0 3 0V79.06a1.49 1.49 0 0 0-1.52-1.48Zm-36-51a5.35 5.35 0 1 1 10-.53 5.85 5.85 0 0 0-10 .53Zm-10-2.14A14.92 14.92 0 1 1 49.83 38v-8a8.31 8.31 0 1 0-11.72.52v7.68a15 15 0 0 1-9.31-13.8Zm10.54 43.61c-1.65-3.83-7.22-8.31-11.59-11.39a2.58 2.58 0 0 1 2.63-4.43l8.55 4.19a1.49 1.49 0 0 0 2-.67 1.52 1.52 0 0 0 .15-.66V29.3a2.9 2.9 0 0 1 5.79 0v13.24a1.48 1.48 0 0 0 3 .21 2.91 2.91 0 0 1 5.72 0A1.49 1.49 0 0 0 57 44a1.49 1.49 0 0 0 1.46-1.24 2.89 2.89 0 0 1 5.75.47V44a1.49 1.49 0 0 0 1.47 1.48 1.49 1.49 0 0 0 1.49-1.46 2.89 2.89 0 0 1 5.78 0v19.77a21.29 21.29 0 0 1-1.9 8.86l-2.23 4.94h-25c-1.41-2.88-3.2-6.61-4.47-9.54Z"
                    data-name="Layer 3"
                    className={primaryColorClass}
                />
            </g>
        </svg>
    )
}

export default Click