@vlinderclimate/net-zero-ui/components/Gradient.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 styles = require('@mui/material/styles');

var StyledGradient = styles.styled("div")(function (_a) {
    var $baseColor = _a.$baseColor, $sphereColor = _a.$sphereColor;
    return ({
        margin: 0,
        position: "absolute",
        top: 0,
        left: 0,
        width: "100%",
        height: "100%",
        backgroundColor: $baseColor,
        overflow: "hidden",
        "&:after": {
            content: "''",
            position: "absolute",
            top: "30%",
            left: "-30%",
            width: "100%",
            height: "100%",
            filter: "blur(56.25px)",
            backgroundColor: $sphereColor
        }
    });
});
var Gradient = function (props) {
    props.children; var baseColor = props.baseColor, sphereColor = props.sphereColor, rest = tslib_es6.__rest(props, ["children", "baseColor", "sphereColor"]);
    return jsxRuntime.jsx(StyledGradient, tslib_es6.__assign({ "$baseColor": baseColor, "$sphereColor": sphereColor }, rest), void 0);
};

exports["default"] = Gradient;