@rneui/layout
Version:
Cross Platform React Native UI Toolkit
43 lines (42 loc) • 1.72 kB
JavaScript
var __rest = (this && this.__rest) || function (s, e) {
var t = {};
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
t[p] = s[p];
if (s != null && typeof Object.getOwnPropertySymbols === "function")
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
t[p[i]] = s[p[i]];
}
return t;
};
import React from 'react';
import { View } from 'react-native';
import { makeStyles } from '../system/makeStyles';
export const Box = (_a) => {
var { children, style } = _a, rest = __rest(_a, ["children", "style"]);
const styles = useStyles(rest);
return React.createElement(View, { style: [styles.container, style] }, children);
};
const useStyles = makeStyles(({ h, height = h, w, width = w, m, mb, ml, mr, mt, mx, my, margin = m, marginBottom = mb, marginHorizontal = mx, marginLeft = ml, marginRight = mr, marginTop = mt, marginVertical = my, p, pb, pl, pr, pt, px, py, padding = p, paddingBottom = pb, paddingHorizontal = px, paddingLeft = pl, paddingRight = pr, paddingTop = pt, paddingVertical = py, bgColor, }) => {
return {
container: {
height,
width,
backgroundColor: bgColor,
margin,
marginBottom,
marginHorizontal,
marginLeft,
marginRight,
marginTop,
marginVertical,
padding,
paddingBottom,
paddingLeft,
paddingRight,
paddingTop,
paddingHorizontal,
paddingVertical,
},
};
});