@udus/notion-renderer
Version:
11 lines (10 loc) • 751 B
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { RichText } from "../RichText/RichText.js";
export const Audio = ({ block }) => {
const audioUrl = block.audio.type == "external"
? block.audio.external.url
: block.audio.type == "file"
? block.audio.file.url
: "";
return (_jsxs("div", { id: block.id, className: "notion-block notion-audio", children: [_jsxs("audio", { controls: true, src: audioUrl, children: ["Your browser does not support HTML5 audios. You can download audio file", _jsx("a", { href: audioUrl, children: "here" }), "."] }), _jsx("div", { className: "notion-caption notion-audio-caption", children: _jsx(RichText, { richText: block.audio.caption }) })] }));
};