import {Trans} from '@common/i18n/trans';
import {MessageDescriptor} from '@common/i18n/message-descriptor';
import {useTrans} from '@common/i18n/use-trans';
import {UpgradeDialog} from '@common/billing/upgrade/upgrade-dialog';

interface FeatureLockedDialogProps {
  resourceName: MessageDescriptor;
}
export function OverQuotaDialog({resourceName}: FeatureLockedDialogProps) {
  const {trans} = useTrans();
  return (
    <UpgradeDialog
      message={
        <Trans
          message="You've reached the maximum number of :resource allowed for your current plan."
          values={{resource: trans(resourceName)}}
        />
      }
      messageSuffix={
        <Trans message="Upgrade to increase this limit and unlock other features." />
      }
    />
  );
}