1import { AllowInsecureField, AlpnField } from "../fields";
 2import { SettingSection } from "@marzneshin/modules/hosts/components";
 3import { useTranslation } from "react-i18next";
 4import { FC } from "react";
 5import { ClearableTextField } from "@marzneshin/common/components";
 6
 7export const TlsFields: FC = () => {
 8    const { t } = useTranslation();
 9    return (
10        <SettingSection
11            value="tls-settings"
12            triggerText={t("page.hosts.tls-config")}
13        >
14            <ClearableTextField name="sni" label={t("sni")} />
15            <AlpnField />
16            <AllowInsecureField />
17        </SettingSection>
18    );
19};