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.
71 lines
2.7 KiB
71 lines
2.7 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 { withTheme } from '../config';
|
|
import Theme from '../config/theme';
|
|
const Divider = (_a) => {
|
|
var { color, inset = false, insetType = 'left', orientation = 'horizontal', style, subHeader, subHeaderStyle, theme, width } = _a, rest = __rest(_a, ["color", "inset", "insetType", "orientation", "style", "subHeader", "subHeaderStyle", "theme", "width"]);
|
|
return (<>
|
|
<View 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' ? (<Text style={StyleSheet.flatten([
|
|
styles.subHeader,
|
|
subHeaderStyle,
|
|
inset && styles.leftInset,
|
|
])}>
|
|
{subHeader}
|
|
</Text>) : null}
|
|
</>);
|
|
};
|
|
const styles = StyleSheet.create({
|
|
divider: {
|
|
borderBottomWidth: StyleSheet.hairlineWidth,
|
|
borderBottomColor: (_a = Theme === null || Theme === void 0 ? void 0 : Theme.colors) === null || _a === void 0 ? void 0 : _a.divider,
|
|
},
|
|
leftInset: {
|
|
marginLeft: 72,
|
|
},
|
|
rightInset: {
|
|
marginRight: 72,
|
|
},
|
|
vertical: {
|
|
borderRightWidth: StyleSheet.hairlineWidth,
|
|
borderRightColor: (_b = Theme === null || Theme === void 0 ? void 0 : Theme.colors) === null || _b === void 0 ? void 0 : _b.divider,
|
|
height: 'auto',
|
|
alignSelf: 'stretch',
|
|
},
|
|
subHeader: {
|
|
includeFontPadding: false,
|
|
},
|
|
});
|
|
export { Divider };
|
|
export default withTheme(Divider, 'Divider');
|