Home Reference Source

src/components/stickers/BaseRoundSticker.js

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

import ImageWrapper from '../wrappers/ImageWrapper';

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

/**
 * An ImageWrapper component containing a sticker
 * @param {Object} props - Properties
 * @param {string} props.source - Sticker image source
 * @returns {Object} ImageWrapper component containing a sticker
 */
export default function BaseRoundSticker(props) {
    const source = props.source;

    return <ImageWrapper source={source} style={styles.container} />;
}

/** Local styles
 * @type {Object}
 */
const styles = StyleSheet.create({
    container: {
        width: '100%',
        height: '100%',
        aspectRatio: 1,
        borderRadius: 100,
        backgroundColor: '#FFF3DF',
        borderWidth: 9,
        borderColor: ColorPalette.ALMOST_WHITE,
    },
});