// Privacy controls — single hide-balances toggle (per spec)

function SettingsPrivacyControlsScreen({ theme, accent, onBack }) {
  const [hideBalances, setHideBalances] = React.useState(false);

  return (
    <Screen theme={theme} padTop={0} padBottom={40}>
      <NavBar theme={theme} title="Privacy controls" onBack={onBack}/>

      <div style={{ padding: '22px 16px 0' }}>
        <SectionLabel theme={theme} style={{ padding: '0 4px 8px' }}>Display</SectionLabel>
        <Card theme={theme} padded={false}>
          <SettingsToggle theme={theme} accent={accent}
            icon="eye" label="Hide balances" sub="Mask amounts when the app opens"
            value={hideBalances} onChange={setHideBalances} last/>
        </Card>
      </div>
    </Screen>
  );
}

Object.assign(window, { SettingsPrivacyControlsScreen });