@livelike/react-native/lib/module/components/LLWidgetFooter/LLWidgetSubmitButtonComponent.js

LiveLike React Native package

import React from 'react';
import { StyleSheet, TouchableHighlight } from 'react-native';
import { useStyles, useTheme } from '../../hooks';
import { LLText } from '../LLText';
export function LLWidgetSubmitButtonComponent(_ref) {
  let {
    disabled,
    onPress,
    label = 'Submit',
    styles: stylesProp
  } = _ref;
  const submitButtonStyles = useStyles({
    componentStylesFn: getWidgetSubmitButtonStyles,
    stylesProp
  });
  const {
    theme
  } = useTheme();
  return /*#__PURE__*/React.createElement(TouchableHighlight, {
    disabled: disabled,
    onPress: onPress,
    style: [submitButtonStyles.buttonContainer, disabled && submitButtonStyles.disabledButtonContainer],
    underlayColor: theme.primaryPressedButtonBackground,
    activeOpacity: 1
  }, /*#__PURE__*/React.createElement(LLText, {
    style: [submitButtonStyles.buttonText, disabled && submitButtonStyles.disabledButtonText]
  }, label));
}
const getWidgetSubmitButtonStyles = _ref2 => {
  let {
    theme
  } = _ref2;
  return StyleSheet.create({
    buttonContainer: {
      display: 'flex',
      justifyContent: 'center',
      alignItems: 'center',
      width: 78,
      height: 32,
      borderRadius: 4,
      marginLeft: 16,
      marginBottom: 16,
      backgroundColor: theme.primaryButtonBackground
    },
    disabledButtonContainer: {
      backgroundColor: theme.disabledButtonBackground
    },
    buttonText: {
      fontSize: 14
    },
    disabledButtonText: {
      color: theme.disabledButtonText
    }
  });
};
//# sourceMappingURL=LLWidgetSubmitButtonComponent.js.map