Home Reference Source

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,
    },
});