'use strict';

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

var jsxRuntime = require('react/jsx-runtime');
var react = require('@chakra-ui/react');

var __defProp = Object.defineProperty;
var __getOwnPropSymbols = Object.getOwnPropertySymbols;
var __hasOwnProp = Object.prototype.hasOwnProperty;
var __propIsEnum = Object.prototype.propertyIsEnumerable;
var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
var __spreadValues = (a, b) => {
  for (var prop in b || (b = {}))
    if (__hasOwnProp.call(b, prop))
      __defNormalProp(a, prop, b[prop]);
  if (__getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(b)) {
      if (__propIsEnum.call(b, prop))
        __defNormalProp(a, prop, b[prop]);
    }
  return a;
};
var __objRest = (source, exclude) => {
  var target = {};
  for (var prop in source)
    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
      target[prop] = source[prop];
  if (source != null && __getOwnPropSymbols)
    for (var prop of __getOwnPropSymbols(source)) {
      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
        target[prop] = source[prop];
    }
  return target;
};
const sectionPadding = 8;
function Section(_a) {
  var _b = _a, { variant = "primary", testId } = _b, props = __objRest(_b, ["variant", "testId"]);
  const variants = {
    primary: {
      border: "1px solid",
      bg: "white",
      borderColor: "gray.200",
      boxShadow: "4px 4px 0px 0px var(--chakra-colors-blackAlpha-200)",
      _dark: {
        bg: "gray.900",
        borderColor: "gray.700",
        boxShadow: "4px 4px 0px 0px var(--chakra-colors-whiteAlpha-50)"
      }
    },
    secondary: {
      bg: "blackAlpha.100",
      _dark: {
        bg: "whiteAlpha.100"
      }
    }
  };
  const theme = variants[variant];
  return /* @__PURE__ */ jsxRuntime.jsx(
    react.Box,
    __spreadValues(__spreadValues({
      "data-testid": testId,
      as: "section",
      p: sectionPadding,
      rounded: "lg",
      minWidth: "0",
      __css: {
        hr: {
          mt: "4 !important",
          mb: "2 !important"
        }
      }
    }, theme), props)
  );
}

exports.default = Section;
exports.sectionPadding = sectionPadding;
//# sourceMappingURL=Section.cjs.map
