irongit
25 lines477 BJavaScript
1import React from "react";
2
3interface Props {
4 src: string;
5 children?: React.ReactNode;
6 alt?: string;
7}
8
9const Hero = (props: Props) => {
10 return (
11 <div className="relative h-screen w-screen">
12 <video
13 src={props.src}
14 className="w-full h-full object-cover"
15 autoPlay
16 loop
17 muted
18 playsInline
19 />
20 <div className="absolute top-0 left-0 h-full">{props?.children}</div>
21 </div>
22 );
23};
24
25export default Hero;