import { Feedback } from "@/components/Layout/Feedback";
import AvailableDemos from "./AvailableDemos";
import RequestForDemo from "./RequestForDemo";
import StreamPlayer from "./StreamPlayer";

export default function StreamDemo() {
  return (
    <div className="lg:space-y-[9.722vw] md:space-y-[13.021vw] space-y-[27.778vw]">
      <AvailableDemos />
      <RequestForDemo />
      <div className="w-full shrink-0 aspect-[340/600] max-h-[85dvh] md:max-lg:aspect-[736/480] md:max-lg:max-h-[80dvh] lg:aspect-auto lg:h-[44.444vw] lg:max-h-none">
        <StreamPlayer className="h-full min-h-[12rem]" />
      </div>
      <Feedback />
    </div>
  );
}
