import React, { FC } from "react";
import clsx from "clsx";
import { Button } from "@components/Button";

export enum ActionType {
  Deposit = "Deposit",
  // Withdraw = 'Withdraw',
  // Loan = 'loan',
  // Repay = 'repay',
  Transfer = "Transfer",
  BuyCoin = "BuyCoin"
}

export interface ActionButtonProps {
  text: string;
  type: ActionType;
  coin: string;
  onClick?: () => void;
}

export interface Props extends ActionButtonProps {
  className?: string;
}
export const ActionButton: FC<Props> = props => {
  return (
    <Button
      className={clsx("!min-w-[auto] !h-[28px] !text-xs  !font-normal", props.className)}
      variant="contained"
      color="gray"
      onClick={() => props.onClick?.()}
    >
      {props.text}
    </Button>
  );
};
