1import {
 2    CommonFields,
 3    HostField,
 4    MuxField,
 5    FragmentField,
 6    PathField,
 7    SecurityFields,
 8} from "../../fields";
 9import {
10    Accordion,
11    HStack
12} from "@marzneshin/common/components";
13import { SettingSection } from "@marzneshin/modules/hosts"
14import { useTranslation } from "react-i18next";
15
16export const GeneralProfileFields = () => {
17    const { t } = useTranslation();
18    return (
19        <div className="space-y-2">
20            <CommonFields />
21            <Accordion className="space-y-2" type="single" collapsible>
22                <SettingSection value="network" triggerText={t("page.hosts.network-settings")}>
23                    <HStack>
24                        <HostField />
25                        <PathField />
26                    </HStack>
27                </SettingSection>
28                <SettingSection value="camouflage" triggerText={t("page.hosts.camouflage-settings")}>
29                    <FragmentField />
30                    <MuxField />
31                </SettingSection>
32                <SettingSection value="security" triggerText={t("page.hosts.security-settings")}>
33                    <SecurityFields />
34                </SettingSection>
35            </Accordion>
36        </div>
37    )
38}
39
40export * from "./schema";
41export * from "./default";