@audira/carbon-react-native
Version:
Build React Native apps with component and shared patterns using Carbon
124 lines (123 loc) • 3.41 kB
JavaScript
"use strict";
import { forwardRef, useContext } from 'react';
import { StyleSheet, View } from 'react-native';
import { Spacing } from '@audira/carbon-react-native-elements';
import { GlobalConfigContext, ModalContext } from "../../_internal/contexts/index.js";
import { CommonStyleSheet } from "../../_internal/style-sheets/index.js";
import { BreakpointContext } from "../../contexts/index.js";
import { jsx as _jsx } from "react/jsx-runtime";
export const ModalContent = /*#__PURE__*/forwardRef(function ModalContent({
fullWidth,
style,
dir,
...props
}, ref) {
const breakpoint = useContext(BreakpointContext),
modalContext = useContext(ModalContext),
globalConfigContext = useContext(GlobalConfigContext);
return /*#__PURE__*/_jsx(View, {
ref: ref,
...props,
dir: dir ?? globalConfigContext.rtl ? 'rtl' : undefined,
style: [styleSheet.modalContent, mapStyleSheetBySizeAndBreakpoint[modalContext.size][breakpoint], fullWidth ? styleSheet.fullWidth : undefined, globalConfigContext.rtl ? CommonStyleSheet.rtl : undefined, style]
});
});
const styleSheet = StyleSheet.create({
modalContent: {
marginBottom: Spacing.spacing_09
},
fullWidth: {
paddingEnd: Spacing.spacing_05
}
}),
mapStyleSheetBySizeAndBreakpoint = {
extra_small: StyleSheet.create({
small: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
medium: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
large: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
x_large: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
max: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
}
}),
small: {
small: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
medium: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
large: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
x_large: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
max: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
}
},
medium: {
small: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
medium: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
large: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
x_large: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
max: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
}
},
large: {
small: {
paddingStart: Spacing.spacing_05,
paddingEnd: Spacing.spacing_05
},
medium: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
large: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
x_large: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
},
max: {
paddingStart: Spacing.spacing_05,
paddingEnd: '20%'
}
}
};
//# sourceMappingURL=ModalContent.js.map