1import {
 2    Alert,
 3    AlertDescription,
 4    AlertTitle,
 5} from "@marzneshin/components";
 6import { Info } from 'lucide-react';
 7import { useTranslation } from "react-i18next";
 8
 9export const NoRulesAlert = () => {
10    const { t } = useTranslation()
11    return (
12        <Alert>
13            <Info className="mr-2" />
14            <AlertTitle className="font-semibold text-primary">{t('page.settings.subscription-settings.alert.title')}</AlertTitle>
15            <AlertDescription>
16                {t('page.settings.subscription-settings.alert.desc')}
17            </AlertDescription>
18        </Alert>
19    )
20}