You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
66 lines
2.8 KiB
66 lines
2.8 KiB
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;
|
|
};
|
|
var _a, _b;
|
|
import React from 'react';
|
|
import { View, StyleSheet, Text, } from 'react-native';
|
|
import { defaultTheme } from '../helpers';
|
|
export const Divider = (_a) => {
|
|
var { color, inset = false, insetType = 'left', orientation = 'horizontal', style, subHeader, subHeaderStyle, width } = _a, rest = __rest(_a, ["color", "inset", "insetType", "orientation", "style", "subHeader", "subHeaderStyle", "width"]);
|
|
return (React.createElement(React.Fragment, null,
|
|
React.createElement(View, Object.assign({ testID: "RNE__Divider", style: StyleSheet.flatten([
|
|
styles.divider,
|
|
style,
|
|
inset &&
|
|
(insetType === 'left'
|
|
? styles.leftInset
|
|
: insetType === 'right'
|
|
? styles.rightInset
|
|
: Object.assign(Object.assign({}, styles.leftInset), styles.rightInset)),
|
|
orientation === 'vertical' && styles.vertical,
|
|
width &&
|
|
(orientation === 'horizontal'
|
|
? { borderBottomWidth: width }
|
|
: { borderRightWidth: width }),
|
|
color &&
|
|
(orientation === 'horizontal'
|
|
? { borderBottomColor: color }
|
|
: { borderRightColor: color }),
|
|
]) }, rest)),
|
|
subHeader && orientation === 'horizontal' ? (React.createElement(Text, { style: StyleSheet.flatten([
|
|
styles.subHeader,
|
|
subHeaderStyle,
|
|
inset && styles.leftInset,
|
|
]) }, subHeader)) : null));
|
|
};
|
|
const styles = StyleSheet.create({
|
|
divider: {
|
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
borderBottomColor: (_a = defaultTheme === null || defaultTheme === void 0 ? void 0 : defaultTheme.colors) === null || _a === void 0 ? void 0 : _a.divider,
|
|
},
|
|
leftInset: {
|
|
marginLeft: 72,
|
|
},
|
|
rightInset: {
|
|
marginRight: 72,
|
|
},
|
|
vertical: {
|
|
borderRightWidth: StyleSheet.hairlineWidth,
|
|
borderRightColor: (_b = defaultTheme === null || defaultTheme === void 0 ? void 0 : defaultTheme.colors) === null || _b === void 0 ? void 0 : _b.divider,
|
|
height: 'auto',
|
|
alignSelf: 'stretch',
|
|
},
|
|
subHeader: {
|
|
includeFontPadding: false,
|
|
},
|
|
});
|
|
Divider.displayName = 'Divider';
|