Home Reference Source

src/components/stickers/AvatarHappySticker.js

import React from 'react';
import {StyleSheet, View} from 'react-native';

import BaseRoundSticker from './BaseRoundSticker';

import {ColorPalette} from '../../utils/ColorConstants';

/**
 * Round sticker with happy user avatar
 * @param {Object} props - Properties
 * @param {Object} props.dimensions - Style containing dimensions of avatar
 * @param {Object} props.position - Style containing position of avatar
 * @returns {Object} Sticker
 */
export default function AvatarHappySticker(props) {
    const dimensions = props.dimensions;
    const position = props.position;
    return (
        <View style={[styles.container, dimensions, position]}>
            <BaseRoundSticker
                source={require('../../assets/avatar/head/avatarUserHappy.png')}
            />
        </View>
    );
}

/** Local styles
 * @type {Object}
 */
const styles = StyleSheet.create({
    container: {
        aspectRatio: 1,
        borderColor: ColorPalette.LIGHT_GRAY,
        borderWidth: 2,
        borderRadius: 100,
    },
});