RocketChat/Rocket.Chat

import { css } from '@rocket.chat/css-in-js';
import { Box, Badge } from '@rocket.chat/fuselage';
import React from 'react';

const SidebarTogglerBadge = ({ children }: { children?: unknown }) => (
    <Box
        className={css`
            position: absolute;
            z-index: 3;
            top: -5px;
            right: 3px;
        `}
    >
        <Badge variant='danger' children={children} />
    </Box>
);

export default SidebarTogglerBadge;