import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
import { MakeVideosLinks } from './MakeVideosLinks';
export const MakeVideosProgrammatically = ({ title = (_jsxs(_Fragment, { children: [_jsx("span", { className: "text-[var(--subtitle)]", children: "Make videos" }), _jsx("br", {}), " programmatically"] })), description = 'Connect data and manage complexity with code.', showLinks = true, links = [], showVideo = true, videoSrc = '/img/what-is-remotion.webm', fallbackVideoSrc = '/img/what-is-remotion.mp4', }) => {
    return (_jsxs("div", { className: 'flex min-w-0 basis-0 flex-col flex-1', children: [_jsx("div", { className: "flex aspect-square w-full items-start", children: showVideo ? (_jsxs("video", { muted: true, autoPlay: true, playsInline: true, loop: true, preload: "metadata", className: "relative max-h-full max-w-full cursor-default! object-contain lg:mb-0 lg:mt-0", children: [_jsx("source", { src: fallbackVideoSrc, type: "video/mp4" }), _jsx("source", { src: videoSrc, type: "video/webm" })] })) : null }), _jsxs("div", { className: "font-brand", children: [_jsx("h2", { className: "text-2xl fontbrand leading-[1.1] font-medium", children: title }), _jsx("p", { className: "leading-relaxed", children: description }), showLinks ? _jsx(MakeVideosLinks, { links: links }) : null] })] }));
};
