react-native-nepali-picker
Version:
Minimalist and modern Nepali-date picker with customization.🌟
72 lines (71 loc) • 1.63 kB
JavaScript
"use strict";
import { View, StyleSheet } from 'react-native';
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
const PencilIcon = ({
height = 20,
width = 10
}) => {
return /*#__PURE__*/_jsxs(View, {
style: {
...styles.container,
height: height,
width: width
},
children: [/*#__PURE__*/_jsx(View, {
style: {
height: '40%',
width: '100%',
borderTopStartRadius: 3,
borderTopEndRadius: 3,
borderWidth: 0.7
},
children: /*#__PURE__*/_jsx(View, {
style: {
top: '50%',
width: '100%',
borderWidth: 0.7
}
})
}), /*#__PURE__*/_jsx(View, {
style: {
height: '90%',
width: '100%',
borderWidth: 0.7
},
children: /*#__PURE__*/_jsx(View, {
style: {
left: '50%',
height: '100%',
width: 0,
borderWidth: 0.2
}
})
}), /*#__PURE__*/_jsx(View, {
style: {
width: 0,
height: 0,
borderLeftWidth: 4,
borderRightWidth: 4,
borderBottomWidth: 0,
borderStyle: 'solid',
backgroundColor: 'transparent',
borderLeftColor: 'transparent',
borderRightColor: 'transparent',
borderBottomColor: 'transparent',
borderTopWidth: 8
}
})]
});
};
const styles = StyleSheet.create({
container: {
transform: [{
rotate: '45deg'
}],
alignItems: 'center',
marginHorizontal: 'auto',
justifyContent: 'center'
}
});
export default PencilIcon;
//# sourceMappingURL=cIcon.js.map