lobe-chat

1
import { useTheme } from 'antd-style';
2
import { memo } from 'react';
3

4
interface GuideVideoProps {
5
  height: number;
6
  src: string;
7
  width: number;
8
}
9

10
const GuideVideo = memo<GuideVideoProps>(({ height, width, src }) => {
11
  const theme = useTheme();
12
  return (
13
    <video
14
      autoPlay
15
      controls={false}
16
      height={height}
17
      loop
18
      muted
19
      src={src}
20
      style={{
21
        background: theme.colorFillSecondary,
22
        height: 'auto',
23
        width: '100%',
24
      }}
25
      width={width}
26
    />
27
  );
28
});
29

30
export default GuideVideo;
31