// app.jsx — mounts VariantKinetic full-bleed (the chosen direction).
// Tweaks panel still controls the hero headline.

const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{
  "heroTitle": "не агентство — команда"
}/*EDITMODE-END*/;

function App() {
  const [t, setTweak] = useTweaks(TWEAK_DEFAULTS);
  const m = useIsMobile();

  return (
    <>
      <SmokeBackground smokeColor="#5b8bff" />
      {!m && <GhostCursor color="#5b8bff" />}
      <VariantKinetic heroTitle={t.heroTitle} />

      <TweaksPanel title="Tweaks">
        <TweakSection label="Hero">
          <TweakText
            label="Главный заголовок"
            value={t.heroTitle}
            onChange={(v) => setTweak('heroTitle', v)}
            placeholder="не агентство — команда"
          />
        </TweakSection>
      </TweaksPanel>
    </>
  );
}

ReactDOM.createRoot(document.getElementById('root')).render(<App />);