import t from "react";
import r from "../../../../../../../../_virtual/index7.js";
import g from "../../../../../../../../_virtual/index9.js";
import n from "../../../../../../lodash-es@4.17.21/node_modules/lodash-es/merge.js";
var b = function(e) {
  var p = e.zDepth, d = e.radius, s = e.background, x = e.children, o = e.styles, i = o === void 0 ? {} : o, a = g(n({
    default: {
      wrap: {
        position: "relative",
        display: "inline-block"
      },
      content: {
        position: "relative"
      },
      bg: {
        absolute: "0px 0px 0px 0px",
        boxShadow: "0 " + p + "px " + p * 4 + "px rgba(0,0,0,.24)",
        borderRadius: d,
        background: s
      }
    },
    "zDepth-0": {
      bg: {
        boxShadow: "none"
      }
    },
    "zDepth-1": {
      bg: {
        boxShadow: "0 2px 10px rgba(0,0,0,.12), 0 2px 5px rgba(0,0,0,.16)"
      }
    },
    "zDepth-2": {
      bg: {
        boxShadow: "0 6px 20px rgba(0,0,0,.19), 0 8px 17px rgba(0,0,0,.2)"
      }
    },
    "zDepth-3": {
      bg: {
        boxShadow: "0 17px 50px rgba(0,0,0,.19), 0 12px 15px rgba(0,0,0,.24)"
      }
    },
    "zDepth-4": {
      bg: {
        boxShadow: "0 25px 55px rgba(0,0,0,.21), 0 16px 28px rgba(0,0,0,.22)"
      }
    },
    "zDepth-5": {
      bg: {
        boxShadow: "0 40px 77px rgba(0,0,0,.22), 0 27px 24px rgba(0,0,0,.2)"
      }
    },
    square: {
      bg: {
        borderRadius: "0"
      }
    },
    circle: {
      bg: {
        borderRadius: "50%"
      }
    }
  }, i), { "zDepth-1": p === 1 });
  return t.createElement(
    "div",
    { style: a.wrap },
    t.createElement("div", { style: a.bg }),
    t.createElement(
      "div",
      { style: a.content },
      x
    )
  );
};
b.propTypes = {
  background: r.string,
  zDepth: r.oneOf([0, 1, 2, 3, 4, 5]),
  radius: r.number,
  styles: r.object
};
b.defaultProps = {
  background: "#fff",
  zDepth: 1,
  radius: 2,
  styles: {}
};
export {
  b as Raised,
  b as default
};
//# sourceMappingURL=Raised.js.map
