import { Footer } from "@/components/Layout/Footer";
import Header from "@/components/Layout/Header";
import { LocaleSync } from "@/components/Layout/LocaleSync";
import StreamDemo from "@/features/stream-demo/StreamDemo";

export default function App() {
  return (
    <div className="flex min-h-dvh flex-col">
      <LocaleSync />
      <Header />
      {/* Без overflow-clip: иначе flex-1 + clip часто даёт пустой/обрезанный экран */}
      <div className="min-h-0 flex-1 px-[10px] pb-8 pt-14 md:max-lg:pt-6 md:px-4 md:pt-4 lg:px-[1.389vw] lg:pt-8">
        <StreamDemo />
      </div>
      <Footer />
    </div>
  );
}
