@livelike/react-native
Version:
LiveLike React Native package
47 lines • 1.51 kB
JavaScript
import React from 'react';
import { StyleSheet, View } from 'react-native';
import { useStyles } from '../../hooks';
import { LLEndWidgetUIPhaseLabel } from './LLEndWidgetUIPhaseLabel';
import { LLWidgetRewards } from './LLWidgetRewards';
export function LLWidgetActionInfo(_ref) {
let {
widgetId,
SubmitButtonComponent,
SubmitButtonComponentStyles,
EndWidgetUIPhaseLabelComponent = LLEndWidgetUIPhaseLabel,
EndWidgetUIPhaseLabelComponentStyles,
WidgetRewardsComponent = LLWidgetRewards,
WidgetRewardsComponentStyles,
styles: stylesProp
} = _ref;
const actionInfoStyles = useStyles({
componentStylesFn: getWidgetActionInfoStyles,
stylesProp
});
return /*#__PURE__*/React.createElement(View, {
style: actionInfoStyles.container
}, /*#__PURE__*/React.createElement(EndWidgetUIPhaseLabelComponent, {
widgetId: widgetId,
styles: EndWidgetUIPhaseLabelComponentStyles
}), SubmitButtonComponent && /*#__PURE__*/React.createElement(SubmitButtonComponent, {
widgetId: widgetId,
styles: SubmitButtonComponentStyles
}), /*#__PURE__*/React.createElement(WidgetRewardsComponent, {
widgetId: widgetId,
styles: WidgetRewardsComponentStyles
}));
}
const getWidgetActionInfoStyles = _ref2 => {
let {
theme
} = _ref2;
return StyleSheet.create({
container: {
display: 'flex',
flexDirection: 'row',
justifyContent: 'flex-start',
alignItems: 'center'
}
});
};
//# sourceMappingURL=LLWidgetActionInfo.js.map