import { cx } from '@emotion/css'
import { h } from 'preact'
type Props = {
    className?: string
    size?: number
    fill?: string
}
const VerifiedBadge = ({ className = '', size = 17, fill = '#15CDFF' }: Props) => (
    <svg className={cx(VerifiedBadge.className, className)} height={size} width="19px" viewBox="0 0 19 17">
        <g transform="translate(-532.000000, -466.000000)" fill={fill}>
            <g transform="translate(141.000000, 235.000000)">
                <g transform="translate(264.000000, 0.000000)">
                    <g transform="translate(10.000000, 224.000000)">
                        <g transform="translate(114.000000, 2.500000)">
                            <path d="M15.112432,4.80769231 L16.8814194,6.87556817 L19.4157673,7.90116318 L19.6184416,10.6028916 L21.0594951,12.9065042 L19.6184416,15.2101168 L19.4157673,17.9118452 L16.8814194,18.9374402 L15.112432,21.0053161 L12.4528245,20.3611511 L9.79321699,21.0053161 L8.02422954,18.9374402 L5.48988167,17.9118452 L5.28720734,15.2101168 L3.84615385,12.9065042 L5.28720734,10.6028916 L5.48988167,7.90116318 L8.02422954,6.87556817 L9.79321699,4.80769231 L12.4528245,5.4518573 L15.112432,4.80769231 Z M17.8163503,10.8991009 L15.9282384,9.01098901 L11.5681538,13.3696923 L9.68115218,11.4818515 L7.81302031,13.3499833 L9.7011322,15.2380952 L11.5892441,17.1262071 L17.8163503,10.8991009 Z"></path>
                        </g>
                    </g>
                </g>
            </g>
        </g>
    </svg>
)

VerifiedBadge.className = 'giphy-verified-badge'

export default VerifiedBadge