UNPKG

kedao

Version:

Rich Text Editor Based On Draft.js

16 lines (15 loc) 817 B
import { classNameParser } from '../../utils/style'; import React from 'react'; import PlayerModal from '../PlayerModal'; import styles from "./style.module.css"; import useLanguage from '../../hooks/use-language'; const cls = classNameParser(styles); const Audio = ({ mediaData, onRemove }) => { const { url, name, meta } = mediaData; const language = useLanguage(); return (React.createElement("div", { className: cls('kedao-audio-wrap') }, React.createElement(PlayerModal, { type: "audio", onRemove: onRemove, poster: meta ? meta.poster || '' : '', url: url, name: name, title: language.audioPlayer.title }, React.createElement("div", { className: cls('kedao-audio-player') }, React.createElement("audio", { controls: true, src: url }))))); }; export default Audio;