text: import React from 'react';
  import FaBell from './icons/FaBell.svg';
  import FaFlag from './icons/FaFlag.svg';
  import FaHeart from './icons/FaHeart.svg';
  import FaPaw from './icons/FaPaw.svg';
  import FaSmile from './icons/FaSmile.svg';
  import FaPlane from './icons/FaPlane.svg';
  import FaUtensils from './icons/FaUtensils.svg';
  import FaRegFutbol from './icons/FaRegFutbol.svg';
  export const EMOJI_TYPE = 'wix-draft-plugin-emoji';
  
  export const getEmojiGroups = t => [
    {
      title: t('EmojiPlugin_EmojiGroups_People'),
      icon: <FaSmile />,
      category: 'people',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Nature'),
      icon: <FaPaw />,
      category: 'nature',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Food'),
      icon: <FaUtensils />,
      category: 'food',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Activity'),
      icon: <FaRegFutbol />,
      category: 'activity',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Travel'),
      icon: <FaPlane />,
      category: 'travel',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Objects'),
      icon: <FaBell />,
      category: 'objects',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Symbols'),
      icon: <FaHeart />,
      category: 'symbols',
    },
    {
      title: t('EmojiPlugin_EmojiGroups_Flags'),
      icon: <FaFlag />,
      category: 'flags',
    },
  ];
  
  export const DesktopFlyOutModalStyles = Object.freeze({
    overlay: {
      backgroundColor: 'rgba(0, 0, 0, 0)',
      zIndex: 5,
    },
    content: {
      width: '320px',
      boxSizing: 'border-box',
      height: '364px',
      overflow: 'visible',
      border: 'solid 1px rgba(51, 51, 51, 0.1)',
      paddingRight: '0px',
      paddingLeft: '0px',
      display: 'block',
      borderRadius: '2px',
      position: 'absolute',
      zIndex: 6,
      paddingTop: '20px',
      boxShadow: '0 0 10px 0 rgba(0, 0, 0, 0.06)',
    },
  });
  
  export const DEFAULT_CONFIG = {};
  