UNPKG

@story-telling-reporter/react-ui-toolkit

Version:
41 lines (40 loc) 1.25 kB
"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.MuteIcon = MuteIcon; exports.SoundIcon = SoundIcon; var _react = _interopRequireDefault(require("react")); var _jsxRuntime = require("react/jsx-runtime"); function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; } const iconURLPath = 'https://storytelling-storage.twreporter.org/npm/@story-telling-reporter/react-ui-toolkit/public/icons/kids'; function SoundIcon({ className }) { return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, { children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("link", { rel: "preload", href: `${iconURLPath}/sound.svg`, as: "image" }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", { className: className, src: `${iconURLPath}/sound.svg`, width: "100%" })] }); } function MuteIcon({ className }) { return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, { children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("link", { rel: "preload", href: `${iconURLPath}/mute.svg`, as: "image" }), /*#__PURE__*/(0, _jsxRuntime.jsx)("img", { className: className, src: `${iconURLPath}/mute.svg`, width: "100%" })] }); }