KeyframeMarkerItem.js (913B)
1 /* This Source Code Form is subject to the terms of the Mozilla Public 2 * License, v. 2.0. If a copy of the MPL was not distributed with this 3 * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ 4 5 "use strict"; 6 7 const { 8 PureComponent, 9 } = require("resource://devtools/client/shared/vendor/react.mjs"); 10 const dom = require("resource://devtools/client/shared/vendor/react-dom-factories.js"); 11 const PropTypes = require("resource://devtools/client/shared/vendor/react-prop-types.mjs"); 12 13 class KeyframeMarkerItem extends PureComponent { 14 static get propTypes() { 15 return { 16 keyframe: PropTypes.object.isRequired, 17 }; 18 } 19 20 render() { 21 const { keyframe } = this.props; 22 23 return dom.li({ 24 className: "keyframe-marker-item", 25 title: keyframe.value, 26 style: { 27 marginInlineStart: `${keyframe.offset * 100}%`, 28 }, 29 }); 30 } 31 } 32 33 module.exports = KeyframeMarkerItem;