import React from 'react';

interface CoinIconProps {
    className?: string;
}

const CoinIcon: React.FC<CoinIconProps> = ({ className }) => {
    return (
        <svg className={className} width="200" height="200" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg">
            <g clipPath="url(#clip0_23_2)">
                <path
                    d="M100 200C44.8582 200 0 155.139 0 100C0 44.8605 44.8582 0 100 0C155.142 0 200 44.8605 200 100C200 155.139 155.142 200 100 200Z"
                    fill="#FFE14D"
                />
                <path d="M200 100C200 44.8605 155.142 0 100 0V200C155.142 200 200 155.139 200 100Z" fill="#FFCC33" />
                <path
                    d="M100 13.0435C52.0509 13.0435 13.0435 52.0533 13.0435 100C13.0435 147.947 52.0509 186.957 100 186.957C147.949 186.957 186.957 147.947 186.957 100C186.957 52.0533 147.949 13.0435 100 13.0435ZM100 173.913C59.2435 173.913 26.0872 140.756 26.0872 100C26.0872 59.2439 59.2435 26.0872 100 26.0872C140.757 26.0872 173.913 59.2435 173.913 100C173.913 140.757 140.757 173.913 100 173.913Z"
                    fill="#FF9F19"
                />
                <path
                    d="M173.913 100C173.913 140.757 140.756 173.913 100 173.913V186.956C147.949 186.956 186.957 147.947 186.957 99.9997C186.957 52.0525 147.949 13.0435 100 13.0435V26.0868C140.757 26.0872 173.913 59.2435 173.913 100Z"
                    fill="#F28618"
                />
                <path
                    d="M81.8546 60.7827C83.0432 60.7827 84.0092 61.037 84.7521 61.5454C85.5691 62.0537 86.3121 62.8885 86.9806 64.0503L97.0099 81.8071C97.3813 82.4607 97.6786 82.9336 97.9015 83.2241C98.1986 83.5143 98.5702 83.6596 99.0157 83.6596H99.5167V112.31H97.0099C95.5984 112.31 94.4092 112.056 93.4435 111.547C92.5522 110.966 91.7722 110.058 91.1036 108.824L84.5294 96.9497V135.296C84.5293 136.676 84.195 137.693 83.5265 138.346C82.9322 138.927 81.9292 139.217 80.5177 139.217H63.9142C62.5029 139.217 61.4626 138.927 60.7941 138.346C60.2 137.693 59.9035 136.676 59.9034 135.296V64.7046C59.9034 63.3249 60.2 62.3442 60.7941 61.7632C61.4626 61.1096 62.5029 60.7827 63.9142 60.7827H81.8546Z"
                    fill="#FF9F19"
                />
                <path
                    d="M135.119 60.7827C136.53 60.7827 137.533 61.1096 138.127 61.7632C138.796 62.3442 139.13 63.3247 139.13 64.7046V135.296C139.13 136.676 138.796 137.693 138.127 138.346C137.533 138.927 136.53 139.217 135.119 139.217H117.958C116.547 139.217 115.507 138.927 114.838 138.346C114.244 137.693 113.947 136.676 113.947 135.296V96.9497L107.372 108.824C106.704 110.058 105.887 110.966 104.921 111.547C104.03 112.056 102.878 112.31 101.467 112.31H99.517V83.6596H100.018C100.463 83.6596 100.798 83.5143 101.021 83.2241C101.318 82.9336 101.652 82.4607 102.024 81.8071L111.942 64.0503C112.61 62.8885 113.316 62.0537 114.059 61.5454C114.876 61.0371 115.878 60.7827 117.067 60.7827H135.119Z"
                    fill="#F28618"
                />
            </g>
            <defs>
                <clipPath id="clip0_23_2">
                    <rect width="200" height="200" fill="white" />
                </clipPath>
            </defs>
        </svg>
    );
};

export default CoinIcon;
