@vlinderclimate/net-zero-ui/components/SocialIcon.js

<div align="center"> <img src="https://storage.yandexcloud.net/static.vlinderstorage.com/Telegram_VlinderTech.png" width=200 /> </div> <h1 align="center">Net Zero UI kit</h1>

'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

var tslib_es6 = require('../tslib.es6-9240d9d1.js');
var jsxRuntime = require('react/jsx-runtime');
var components_Icon = require('./Icon.js');
var components_Button = require('./Button.js');
require('@mui/material/styles');
require('../icons/ArrowLeft.js');
require('../icons/ArrowRight.js');
require('../icons/CheckCircle.js');
require('../icons/CloseCircle.js');
require('../icons/InfoCircle.js');
require('../icons/ErrorCircle.js');
require('../icons/Attention.js');
require('../icons/HelpCircle.js');
require('../icons/Lock.js');
require('../icons/Delete.js');
require('../icons/TriangleRight.js');
require('../icons/TriangleLeft.js');
require('../icons/TriangleUp.js');
require('../icons/TriangleDown.js');
require('../icons/Download.js');
require('../icons/Key.js');
require('../icons/Edit.js');
require('../icons/Expand.js');
require('../icons/Collapse.js');
require('../icons/Success.js');
require('../icons/Fail.js');
require('../icons/Loading.js');
require('../icons/Check.js');
require('../icons/ChevronLeft.js');
require('../icons/ChevronRight.js');
require('../icons/Plus.js');
require('../icons/Minus.js');
require('../icons/Link.js');
require('../icons/Copy.js');
require('../icons/Medium.js');
require('../icons/Twitter.js');
require('../icons/Telegram.js');
require('../icons/Sort.js');
require('../icons/Close.js');
require('../icons/Search.js');
require('../icons/Instagram.js');
require('../icons/LinkedIn.js');
require('../icons/Reddit.js');
require('../icons/YouTube.js');
require('../icons/Update.js');
require('../icons/Facebook.js');
require('../icons/Cart.js');
require('../icons/Menu.js');
require('../icons/ShowPassword.js');
require('../icons/HidePassword.js');
require('../icons/Collection.js');
require('../icons/Sprout.js');
require('../icons/Verify.js');
require('../icons/User.js');
require('../icons/Convert.js');
require('../icons/Deposit.js');
require('../icons/Send.js');
require('../icons/Receive.js');
require('../icons/To.js');
require('../icons/Withdraw.js');
require('../icons/Clock.js');
require('../icons/Play.js');
require('../icons/Help.js');
require('../icons/CloseSmall.js');
require('../icons/MinusSmall.js');
require('../icons/PlusSmall.js');
require('../icons/Dropdown.js');
require('@mui/material/Button');
require('../theme/colors.js');
require('../theme/typography.js');

exports.SocialIconVariant = void 0;
(function (SocialIconVariant) {
    SocialIconVariant["Telegram"] = "telegram";
    SocialIconVariant["Twitter"] = "twitter";
    SocialIconVariant["YouTube"] = "youTube";
    SocialIconVariant["Instagram"] = "instagram";
    SocialIconVariant["LinkedIn"] = "linkedIn";
    SocialIconVariant["Medium"] = "medium";
    SocialIconVariant["Reddit"] = "reddit";
})(exports.SocialIconVariant || (exports.SocialIconVariant = {}));
var iconSizeMap = {
    xxs: "xs",
    xs: "sm",
    sm: "md",
    md: "md",
    lg: "lg"
};
var SocialIcon = function (_a) {
    var variant = _a.variant, _b = _a.size, size = _b === void 0 ? "sm" : _b, _c = _a.color, color = _c === void 0 ? "secondary" : _c, url = _a.url, props = tslib_es6.__rest(_a, ["variant", "size", "color", "url"]);
    return (jsxRuntime.jsx(components_Button["default"], tslib_es6.__assign({ size: size, startIcon: jsxRuntime.jsx(components_Icon["default"], { color: color, iconKey: variant, rotate: 0, size: iconSizeMap[size] }, void 0), variant: "outlined", color: "secondary", href: url }, props), void 0));
};

exports["default"] = SocialIcon;