import { useTranslation } from 'react-i18next';

export default function RightSidebar() {
  const { t } = useTranslation();
  return (
      <div className="f-right">
        <div className="f-right-label">{t('rightSidebar.advertisement')}</div>
        <div className="f-right-empty">
          <div className="f-right-empty-icon">📢</div>
          <div className="f-right-empty-text" dangerouslySetInnerHTML={{ __html: t('rightSidebar.emptyText') }} />
          <button className="f-add-promo-btn">{t('rightSidebar.addAd')}</button>
        </div>
      </div>
  );
}