@emcsistemas/native-ui/lib/src/components/EMCBoletoButton/EMCBoletoButton.js

Biblioteca de componentes react native

import { FontAwesome5 } from "@expo/vector-icons";
import { Colors } from "../../theme";
import EMCBox from "../EMCBox";
import EMCButton from "../EMCButton";
import EMCHStack from "../EMCHStack";
import EMCIcon from "../EMCIcon";
import EMCText from "../EMCText";
const EMCBoletoButton = ({ title, loading, ...rest }) => {
    return (<EMCBox w='full' h={12}>
      <EMCButton flex={1} rounded='md' loading={loading || false} loadingText='Gerando boleto bancário ...' loadingSpinnerColor={Colors.blue[400]} bg={Colors.white} bWidth={2} bColor={Colors.blue[400]} {...rest}>
        <EMCHStack px={4}>
          <EMCBox>
            <EMCIcon as={FontAwesome5} name='barcode' size={7} color={Colors.blue[400]}/>
          </EMCBox>
          <EMCBox flex={1} align='center' justify='center'>
            <EMCText fSize='md' fColor={Colors.blue[400]} fWeight='bold'>
              {title}
            </EMCText>
          </EMCBox>
        </EMCHStack>
      </EMCButton>
    </EMCBox>);
};
export default EMCBoletoButton;
//# sourceMappingURL=EMCBoletoButton.js.map