mirror of
https://github.com/vercel/commerce.git
synced 2025-07-24 10:41:23 +00:00
Start migration
This commit is contained in:
@@ -0,0 +1,35 @@
|
||||
import { Box, Stack, Image, Text } from "@chakra-ui/react";
|
||||
|
||||
export default function VideoCardContent(props: {
|
||||
style: any
|
||||
resourcePath: string
|
||||
resourceCaption: string
|
||||
}) {
|
||||
|
||||
return (
|
||||
<>
|
||||
<Box
|
||||
className={props.style.imageContainer}
|
||||
w={'full'}
|
||||
height={'220px'}
|
||||
>
|
||||
|
||||
<video controls >
|
||||
<source src={props.resourcePath} type="video/mp4"/>
|
||||
</video>
|
||||
|
||||
</Box>
|
||||
|
||||
<Box
|
||||
p={5}
|
||||
className={props.style.captionContainer}>
|
||||
|
||||
<Stack mt={6} align={'center'}>
|
||||
<Text padding={0} color={'gray.500'} fontSize={'sm'} align={'center'}>
|
||||
{props.resourceCaption}
|
||||
</Text>
|
||||
</Stack>
|
||||
</Box>
|
||||
</>
|
||||
)
|
||||
};
|
Reference in New Issue
Block a user