import { h } from 'preact';
import css from './css';

css`
.attachment {
	margin: 1rem;

	height: 7rem;
	object-fit: contain;
}

.attachment + .attachment {
	margin-top: 0;
}
`;

export const Attachment = ({ type, mediaType, url, style }) => {
	let content;
	if (mediaType.startsWith('video/')) {
		content = <video class="attachment" src={url} controls />;
	} else if (mediaType.startsWith('image/')) {
		content = <img class="attachment" src={url} />;
	}

	return content;
}