@8man/react-native-media-console/lib/module/components/Volume/Volume.js

Controls for react-native-video

function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
import React from 'react';
import { View, Image } from 'react-native';
import { styles } from './styles';
export const Volume = ({
  volumeFillWidth,
  volumePosition,
  volumeTrackWidth,
  volumePanHandlers
}) => {
  return /*#__PURE__*/React.createElement(View, {
    style: styles.container
  }, /*#__PURE__*/React.createElement(View, {
    style: [styles.fill, {
      width: volumeFillWidth
    }]
  }), /*#__PURE__*/React.createElement(View, {
    style: [styles.track, {
      width: volumeTrackWidth
    }]
  }), /*#__PURE__*/React.createElement(View, _extends({
    style: [styles.handle, {
      left: volumePosition - 15
    }]
  }, volumePanHandlers), /*#__PURE__*/React.createElement(Image, {
    style: styles.icon,
    source: require('../../assets/img/volume.png')
  })));
};
//# sourceMappingURL=Volume.js.map