@livelike/react-native
Version:
LiveLike React Native package
38 lines • 918 B
JavaScript
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { useStyles } from '../../hooks';
export function LLWidgetOptionResultBar(_ref) {
let {
valueInPercent,
styles: stylesProp
} = _ref;
const styles = useStyles({
componentStylesFn: getWidgetOptionResultBarStyles,
stylesProp
});
return /*#__PURE__*/React.createElement(View, {
style: styles.resultBarContainer
}, /*#__PURE__*/React.createElement(View, {
style: [{
width: `${valueInPercent}%`
}, styles.resultBarView]
}));
}
const getWidgetOptionResultBarStyles = _ref2 => {
let {
theme
} = _ref2;
return StyleSheet.create({
resultBarContainer: {
display: 'flex',
width: '100%',
height: 3,
marginTop: 7
},
resultBarView: {
height: '100%',
backgroundColor: theme.text
}
});
};
//# sourceMappingURL=LLWidgetOptionResultBar.js.map