@story-telling-reporter/react-ui-toolkit
Version:
## Installation `yarn install`
41 lines (40 loc) • 1.25 kB
JavaScript
;
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%"
})]
});
}