import React from "react";
import { useColorScheme } from "nativewind";
import { SettingsRow, SettingsSection } from "../settings-row";
/** Generic GENERAL section — notifications toggle + appearance picker. */
export function GeneralSection({ notifications, onNotificationsToggle, onOpenAppearance, }) {
    const { colorScheme } = useColorScheme();
    return (<SettingsSection title="GENERAL">
      <SettingsRow icon="notifications-outline" label="Notifications" subtitle="Security alerts and reminders" toggle value={notifications} onValueChange={onNotificationsToggle}/>
      <SettingsRow icon="color-palette-outline" label="Appearance" subtitle={colorScheme === "dark" ? "Dark" : "Light"} onPress={onOpenAppearance} showChevron={Boolean(onOpenAppearance)}/>
    </SettingsSection>);
}
//# sourceMappingURL=GeneralSection.jsx.map