28 lines
646 B
TypeScript
28 lines
646 B
TypeScript
import React from "react";
|
|
import styles from "./VideoTile.module.css";
|
|
import { DailyVideo } from "@daily-co/daily-react";
|
|
import StoryTranscript from "@/components/StoryTranscript";
|
|
|
|
interface Props {
|
|
sessionId: string;
|
|
inactive: boolean;
|
|
}
|
|
|
|
const VideoTile = ({ sessionId, inactive }: Props) => {
|
|
return (
|
|
<div className={`${styles.container} ${inactive ? styles.inactive : ""} `}>
|
|
<StoryTranscript />
|
|
|
|
<div className={styles.videoTile}>
|
|
<DailyVideo
|
|
sessionId={sessionId}
|
|
type={"video"}
|
|
className="aspect-square"
|
|
/>
|
|
</div>
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default VideoTile;
|