import {
    CommonFields,
    MtuField,
    DNSServersField,
    AllowedIpsField,
    PathField,
} from "../../fields";
import {
    Accordion,
    HStack
} from "@marzneshin/common/components";
import { SettingSection } from "@marzneshin/modules/hosts"
import { useTranslation } from "react-i18next";

export const WireguardProfileFields = () => {
    const { t } = useTranslation();
    return (
        <>
            <CommonFields />
            <Accordion type="single" collapsible>
                <SettingSection value="wireguard" triggerText={t("wireguard")}>
                    <HStack>
                        <PathField label={t("page.hosts.server-public-key")} />
                        <MtuField />
                    </HStack>
                    <DNSServersField />
                    <AllowedIpsField />
                </SettingSection>
            </Accordion>
        </>
    )
}

export * from "./schema";
export * from "./default";