respond-framework
Version:
create as fast you think
50 lines (49 loc) • 1.09 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var React = require("react");
var _reactNative = require("react-native");
var _HoverButton = require("./HoverButton.js");
var _useFlip = require("../hooks/useFlip.js");
const HoverButtons = ({
buttons,
show,
style
}) => {
const {
opacity,
rotateX
} = (0, _useFlip.default)(show);
const styles = [s.c, style, {
opacity,
transform: [{
rotateX
}]
}];
const last = buttons.length - 1;
const btns = buttons.map((b, i) => /*#__PURE__*/React.createElement(_HoverButton.default, {
...b,
key: i,
first: i === 0,
last: i === last
}));
return /*#__PURE__*/React.createElement(_reactNative.Animated.View, {
style: styles
}, btns);
};
var _default = exports.default = HoverButtons;
const s = _reactNative.StyleSheet.create({
c: {
position: 'absolute',
top: 4,
right: 5,
height: 24,
flexDirection: 'row',
gap: -1,
justifyContent: 'flex-end',
alignItems: 'center',
willChange: 'transform'
}
});