@prosperitainova/dumbo-react-native
Version:
Dumbo for React Native Library
42 lines (40 loc) • 1.25 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Overlay = void 0;
var _react = _interopRequireDefault(require("react"));
var _reactNative = require("react-native");
var _colors = require("../../styles/colors");
var _helpers = require("../../helpers");
var _jsxRuntime = require("react/jsx-runtime");
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
/** Props for Overlay component */
/**
* Overlay component for rendering overlay under floating items or menus
*
* {@link https://github.com/carbon-design-system/carbon-react-native/blob/main/example/src/Views/Overlay.tsx | Example code}
*/
class Overlay extends _react.default.Component {
get styles() {
return _reactNative.StyleSheet.create({
wrapper: {
backgroundColor: (0, _colors.getColor)('overlay'),
width: '100%',
height: '100%'
}
});
}
render() {
const {
componentProps,
style
} = this.props;
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
style: (0, _helpers.styleReferenceBreaker)(this.styles.wrapper, style),
...(componentProps || {})
});
}
}
exports.Overlay = Overlay;
//# sourceMappingURL=index.js.map