react-native-feedback-hub/lib/components/FloatingButton.js

React Native feedback SDK with Slack, Jira, Discord and Microsoft Teams integration

import { jsx as _jsx } from "react/jsx-runtime";
import { Bug, Circle } from 'lucide-react-native';
import React, { useMemo } from 'react';
import { TouchableOpacity, StyleSheet } from 'react-native';
import { colors } from '../tokens/colors';
const FloatingButton = ({ onPress, buttonPosition, isRecording, }) => {
    const styles = useMemo(() => StyleSheet.create({
        button: Object.assign({ position: 'absolute', backgroundColor: isRecording ? colors.interactive.recording : colors.interactive.floating, padding: isRecording ? 16 : 20, borderRadius: isRecording ? 20 : 25, zIndex: 9999 }, buttonPosition),
    }), [buttonPosition, isRecording]);
    return (_jsx(TouchableOpacity, Object.assign({ style: styles.button, onPress: onPress }, { children: isRecording ? (_jsx(Circle, { size: 24, color: colors.interactive.recording, fill: colors.interactive.recordingHover })) : (_jsx(Bug, { size: 24, color: colors.text.muted })) })));
};
export default React.memo(FloatingButton);
//# sourceMappingURL=FloatingButton.js.map