import * as React from "react";
import { Button } from "@chakra-ui/core";
import { FiChevronLeft } from "react-icons/fi";

export const ResetButton = React.forwardRef(
  ({ isSubmitting, onClick }, ref) => (
    <Button
      ref={ref}
      color="current"
      variant="ghost"
      onClick={onClick}
      aria-label="Reset Form"
      opacity={isSubmitting ? 1 : 0}
    >
      <FiChevronLeft size={24} />
    </Button>
  )
);