@audira/carbon-react-native/lib/commonjs/components/modal-content/ModalContent.js

Build React Native apps with component and shared patterns using Carbon

"use strict";

Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.ModalContent = void 0;
var _react = require("react");
var _reactNative = require("react-native");
var _carbonReactNativeElements = require("@audira/carbon-react-native-elements");
var _index = require("../../_internal/contexts/index.js");
var _index2 = require("../../_internal/style-sheets/index.js");
var _index3 = require("../../contexts/index.js");
var _jsxRuntime = require("react/jsx-runtime");
const ModalContent = exports.ModalContent = /*#__PURE__*/(0, _react.forwardRef)(function ModalContent({
  fullWidth,
  style,
  dir,
  ...props
}, ref) {
  const breakpoint = (0, _react.useContext)(_index3.BreakpointContext),
    modalContext = (0, _react.useContext)(_index.ModalContext),
    globalConfigContext = (0, _react.useContext)(_index.GlobalConfigContext);
  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
    ref: ref,
    ...props,
    dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
    style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, globalConfigContext.rtl ? _index2.CommonStyleSheet.rtl : undefined, style]
  });
});
const styleSheet = _reactNative.StyleSheet.create({
    modalContent: {
      marginBottom: _carbonReactNativeElements.Spacing.spacing_09
    },
    fullWidth: {
      paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
    }
  }),
  mapStyleSheetBySizeAndBreakpoint = {
    extra_small: _reactNative.StyleSheet.create({
      small: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      medium: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      x_large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      max: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      }
    }),
    small: {
      small: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      medium: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      x_large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      max: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      }
    },
    medium: {
      small: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      medium: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      x_large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      max: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      }
    },
    large: {
      small: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: _carbonReactNativeElements.Spacing.spacing_05
      },
      medium: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      x_large: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      },
      max: {
        paddingStart: _carbonReactNativeElements.Spacing.spacing_05,
        paddingEnd: '20%'
      }
    }
  };
//# sourceMappingURL=ModalContent.js.map