mirror of
https://github.com/h3poteto/whalebird-desktop
synced 2024-12-24 07:50:47 +01:00
27 lines
676 B
TypeScript
27 lines
676 B
TypeScript
|
import { Modal } from 'flowbite-react'
|
||
|
|
import { Entity } from 'megalodon'
|
||
|
|
|
||
|
|
type Props = {
|
||
|
|
open: boolean
|
||
|
|
close: () => void
|
||
|
|
attachment: Entity.Attachment | null
|
||
|
|
}
|
||
|
|
|
||
|
|
export default function Media(props: Props) {
|
||
|
|
return (
|
||
|
|
<Modal show={props.open} onClose={props.close} size="6xl">
|
||
|
|
<Modal.Header />
|
||
|
|
<Modal.Body className="max-h-full max-w-full">
|
||
|
|
{props.attachment && (
|
||
|
|
<img
|
||
|
|
src={props.attachment.url}
|
||
|
|
alt={props.attachment.description}
|
||
|
|
title={props.attachment.description}
|
||
|
|
className="object-contain max-h-full max-w-full m-auto"
|
||
|
|
/>
|
||
|
|
)}
|
||
|
|
</Modal.Body>
|
||
|
|
</Modal>
|
||
|
|
)
|
||
|
|
}
|