src/components/buttons/LoginSquareButton.js
import React from 'react';
import {StyleSheet, Text} from 'react-native';
import BaseSquareButton from './BaseSquareButton';
import {JournalColors} from '../../utils/ColorConstants';
import {iOSxLargeTypo} from '../../styles/Typography';
/**
* Component displayin a square login button
* @param {Object} props - Properties
* @param {function} props.onPress - Action to be executed when the button is pressed
* @returns {Object} Login button
*/
export default function LoginSquareButton(props) {
// Retrieve props
const onPressAction = props.onPress;
return (
<BaseSquareButton
onPress={onPressAction}
componentStyle={styles.container}>
<Text style={iOSxLargeTypo.headline}>LOGG INN</Text>
</BaseSquareButton>
);
}
/** Local styles
* @type {Object}
*/
const styles = StyleSheet.create({
container: {
backgroundColor: JournalColors.BACKGROUND_BUTTON_LIGHT,
},
});