import { SidebarBanner } from '@rocket.chat/fuselage';
import { useTranslation } from 'react-i18next';

import AirGappedRestrictionWarning from './AirGappedRestrictionWarning';
import { links } from '../../../lib/links';

export type AirGappedRestrictionSectionProps = { isRestricted: boolean; remainingDays: number };

const AirGappedRestrictionSection = ({ isRestricted, remainingDays }: AirGappedRestrictionSectionProps) => {
	const { t } = useTranslation();

	return (
		<SidebarBanner
			title={<AirGappedRestrictionWarning isRestricted={isRestricted} remainingDays={remainingDays} />}
			linkText={t('Learn_more')}
			linkProps={{
				target: '_blank',
				rel: 'noopener noreferrer',
				href: links.go.airgappedRestriction,
			}}
		/>
	);
};

export default AirGappedRestrictionSection;