import React, { useContext } from 'react';
import { ThemeContext } from 'styled-components';
import { Box, Text } from '../themes/components';
const NotificationCircle = ({ number, color }) => {
    const { colors } = useContext(ThemeContext);
    return (
    //Border Radius not changer because this is a circle
    <Box height={16} width={16} borderRadius={10} backgroundColor={color || colors.danger['500']} display="flex" justifyContent="center" alignItems="center">

			<Text fontWeight="bold" fontSize={10} mr={1}>{number}</Text>
		</Box>);
};
export default NotificationCircle;
//# sourceMappingURL=notificationCircle.js.map