import React, { useRef, forwardRef } from 'react';
import PropTypes from 'prop-types';
import { IconCaretDown } from '@tabler/icons';
import Dropdown from '../Dropdown';
import StyledWrapper from './StyledWrapper';
import SaveRequestButton from '../SaveRequest';
const QueryUrl = ({value, onChange, handleRun, collections}) => {
const dropdownTippyRef = useRef();
const viewProfile = () => {};
const Icon = forwardRef((props, ref) => {
return (
GET
);
});
const onDropdownCreate = (ref) => dropdownTippyRef.current = ref;
return (
} placement='bottom-start'>
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
GET
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
POST
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
PUT
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
DELETE
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
PATCH
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
OPTIONS
{
dropdownTippyRef.current.hide();
viewProfile();
}}>
HEAD
onChange(event.target.value)}
/>
)
};
QueryUrl.propTypes = {
value: PropTypes.string,
onChange: PropTypes.func.isRequired,
handleRun: PropTypes.func.isRequired
};
export default QueryUrl;