"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var _chunkL2G3TFTDcjs = require('./chunk-L2G3TFTD.cjs');


var _chunkZU72XWNEcjs = require('./chunk-ZU72XWNE.cjs');


var _chunkZ6EUSUADcjs = require('./chunk-Z6EUSUAD.cjs');

// src/components/GradientCardHeader.tsx
var _styled = require('@emotion/styled'); var _styled2 = _interopRequireDefault(_styled);
var _jsxruntime = require('@emotion/react/jsx-runtime');
function GradientCardHeader(props) {
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, CardHeaderWrapper, { children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Gradients, {}),
    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
      props.status && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkL2G3TFTDcjs.StatusIndicator, _chunkZ6EUSUADcjs.__spreadValues.call(void 0, {}, props.status)),
      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, CardHeaderTitle, { children: props.title })
    ] }),
    props.children
  ] });
}
var CardHeaderWrapper = _styled2.default.div`
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 40px 32px 24px 32px;
  background-color: black;
  color: white;
  height: 264px;
`;
var CardHeaderTitle = _styled2.default.h3`
  font-size: 21px;
  font-weight: 800;
  color: white;
  margin: 0;
  z-index: ${_chunkZU72XWNEcjs.z.headerContainer} - 1;
  position: relative;
`;
var Gradients = () => {
  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { style: { position: "absolute", top: 0, left: 0, right: 0, bottom: 0 }, children: [
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BackgroundGradients, {}),
    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AccentGradients, {})
  ] });
};
var BackgroundGradients = _styled2.default.div`
  &:before,
  &:after {
    content: "";
    position: absolute;
    margin: auto;
    filter: blur(38.5px);
  }
  &:before {
    z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient};
    right: -280px;
    top: -340px;
    width: 704px;
    height: 619px;
    background: radial-gradient(
      31.57% 32.06% at 50.1% 49.9%,
      #0032ff 0%,
      rgb(0 121 255 / 31%) 97%,
      rgba(0, 102, 255, 0.05) 100%
    );
  }
  &:after {
    z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient - 1};
    width: 636px;
    height: 552px;
    top: -400px;
    right: -280px;
    background: radial-gradient(
      31.57% 32.06% at 50.1% 49.9%,
      rgb(255 114 104) 0%,
      rgb(191 9 255 / 14%) 90%,
      rgb(191 9 255 / 5%) 100%
    );
  }
`;
var AccentGradients = _styled2.default.div`
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  right: 0;
  bottom: 0;
  z-index: ${_chunkZU72XWNEcjs.z.walletActionPreviewTopGradient - 1};
  &:before,
  &:after {
    content: "";
    position: absolute;
    margin: auto;
    filter: blur(38.5px);
  }
  &:before {
    right: -70px;
    top: -100px;
    width: 169px;
    height: 323px;
    background: radial-gradient(
      31.57% 32.06% at 50.1% 49.9%,
      #ff8c28,
      rgba(191, 9, 255, 0.1) 100%
    );
  }
  &:after {
    right: -22px;
    top: -140px;
    width: 225px;
    height: 190px;
    background: radial-gradient(
      41.57% 62.06% at 53.1% 49.9%,
      rgb(255 119 0),
      rgb(255 106 9 / 55%) 100%
    );
  }
`;



exports.GradientCardHeader = GradientCardHeader;
