apps/meteor/client/components/message/notification/MessageNotification.tsx
import type { Palette } from '@rocket.chat/fuselage';
import { Box } from '@rocket.chat/fuselage';
import type { TranslationKey } from '@rocket.chat/ui-contexts';
import { useTranslation } from '@rocket.chat/ui-contexts';
import type { ReactElement } from 'react';
import React from 'react';
type MessageNotificationProps = {
label: TranslationKey;
bg: keyof (typeof Palette)['badge'];
};
const MessageNotification = ({ label, bg }: MessageNotificationProps): ReactElement => {
const t = useTranslation();
return <Box width='x8' aria-label={t(label)} borderRadius='full' height='x8' bg={bg} />;
};
export default MessageNotification;