import classNames from '@/utils/classNames'
import type { SvgProps } from '@/@types/common'

const ImposibleTriangle = ({
    pathClass,
    ...props
}: SvgProps & { pathClass?: string }) => {
    return (
        <svg
            xmlns="http://www.w3.org/2000/svg"
            viewBox="0 0 484.64 422.95"
            {...props}
        >
            <path
                d="M329.49 39.92A4.09 4.09 0 0 1 333 42l155.78 271.05a4.12 4.12 0 0 1 0 4.12l-38.18 64.92a4.09 4.09 0 0 1 .49 4.78l-39.24 67.94a4.1 4.1 0 0 1-3.55 2.05l-312.71-.71a4.13 4.13 0 0 1-3.59-2.08l-37.14-65.51a4.1 4.1 0 0 1-4.39-2l-39.24-67.91a4.09 4.09 0 0 1 0-4.1l157-270.37a4.07 4.07 0 0 1 3.57-2l75.34.58a4.09 4.09 0 0 1 3.86-2.84Zm37.7 347.79L64.92 390.3 97.59 448l303.6.7Zm41.3-63.71-34.42 59.89 33.76 60.79 35.39-61.58a4 4 0 0 1-.48-.66Zm-387-3.39 35.63 61.7a3.59 3.59 0 0 1 .81-.09l68-.58-34.65-60Zm379.66 0-227.77.65-34.61 60.37 228.3-2Zm-190.1-200.7L98.81 318l34 58.85 113.1-197Zm118-67.79-35.66 59.82 153 260.18 33.48-57.05Zm-154.69-1.36L22.2 312.79l69.65 1L240.51 51.28Zm76.3 137-71.85 125.37 144.41-.41Zm35.53-71.86h-68.05l114.27 196.56 69.45-.2Zm-35.25-67.11-33.48 58.92h69.32l35.76-59.66h-71.27a3.73 3.73 0 0 1-.33.74Z"
                className={classNames(
                    'fill-current stroke-current stroke-6',
                    pathClass,
                )}
                transform="translate(-7.68 -36.92)"
            />
        </svg>
    )
}
export default ImposibleTriangle