import { jsx as _jsx } from "react/jsx-runtime";
import { Image } from "../../../../components/index.js";
import { getMediaImage } from "../../../../components/Media/Image/utils.js";
import { block } from "../../../../utils/index.js";
import './SocialIcon.css';
const b = block('social-icon');
const SocialIcon = ({ icon, url, className, urlTitle }) => {
    const iconData = getMediaImage(icon);
    const { alt } = iconData;
    return (_jsx("a", { href: url, "aria-label": alt, title: urlTitle || alt, target: "_blank", rel: "noopener noreferrer", className: b(null, className), children: _jsx(Image, { className: b('icon'), ...iconData }) }));
};
export default SocialIcon;
//# sourceMappingURL=SocialIcon.js.map
