Media placeholders

<TableContainer as={Card} variant="flat" size="lg" whiteSpace="normal">
    <Table>
        <Thead>
            <Tr>
                <Th></Th>
                <Th>Name</Th>
            </Tr>
        </Thead>
        <Tbody>
            <Tr>
                <Td w="1">
                    <Image
                        src="https://bit.ly/naruto-sage"
                        objectFit="cover"
                        rounded="md"
                        w="10"
                        h="10"
                    />
                </Td>
                <Td>image.jpg</Td>
            </Tr>
            <Tr>
                <Td w="1">
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiImage} />
                    </Icon>
                </Td>
                <Td>no-image.jpg</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiPlayBox} />
                    </Icon>
                </Td>
                <Td>video.mp4</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiMusicBox} />
                    </Icon>
                </Td>
                <Td>audio-file.mp3</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFilePdfBox} />
                    </Icon>
                </Td>
                <Td>pdf-document.pdf</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFileWordBox} />
                    </Icon>
                </Td>
                <Td>word-document.doc</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFileExcelBox} />
                    </Icon>
                </Td>
                <Td>excel-sheet.xls</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFilePowerpointBox} />
                    </Icon>
                </Td>
                <Td>powerpoint-presentation.ppt</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiTextBox} />
                    </Icon>
                </Td>
                <Td>text.txt</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFile} />
                    </Icon>
                </Td>
                <Td>spreadsheet.csv</Td>
            </Tr>
            <Tr>
                <Td>
                    <Icon
                        layerStyle="icon.subtle"
                        boxSize="icon.xl"
                        color="neutral"
                    >
                        <path d={mdiFile} />
                    </Icon>
                </Td>
                <Td>generic-file.xxx</Td>
            </Tr>
        </Tbody>
    </Table>
</TableContainer>