'use client';
import { jsxDEV as _jsxDEV } from "react/jsx-dev-runtime";
import md5 from 'md5';
import React from 'react';
import { useAuth } from '../../../providers/Auth/index.js';
export const GravatarAccountIcon = ()=>{
    const { user } = useAuth();
    const hash = md5(user.email.trim().toLowerCase());
    const params = new URLSearchParams({
        default: 'mp',
        r: 'g',
        s: '50'
    }).toString();
    const query = `?${params}`;
    return /*#__PURE__*/ _jsxDEV("img", {
        alt: "yas",
        className: "gravatar-account",
        height: 25,
        src: `https://www.gravatar.com/avatar/${hash}${query}`,
        style: {
            borderRadius: '50%'
        },
        width: 25
    }, void 0, false, {
        fileName: "src/graphics/Account/Gravatar/index.tsx",
        lineNumber: 21,
        columnNumber: 5
    }, this);
};

//# sourceMappingURL=index.js.map