import * as React from "react";
import { Button, Icon, Tooltip } from "@chakra-ui/core";

const RequeryButton = ({ requery, bg = "secondary", ...props }) => (
  <Tooltip hasArrow label="Reload Query" placement="top">
    <Button
      mx={1}
      as="a"
      size="sm"
      zIndex="1"
      variantColor={bg}
      onClick={requery}
      {...props}
    >
      <Icon size="16px" name="repeat" />
    </Button>
  </Tooltip>
);

export default RequeryButton;