import React from "react";
import { Button as BaseButton } from "baseui/button";

export interface ButtonProps {
  startEnhancer?: React.ReactNode;
  children: React.ReactNode;
  isSelected?: boolean;
  overrides?: any;
  kind?: "primary" | "secondary" | "minimal" | "tertiary";
  size?: "default" | "compact" | "large" | "mini";
  shape?: "default" | "circle" | "pill" | "round" | "square";
  onClick?: () => void;
}

/**
 * This is the `<Button>` component <br />
 * Use this for primary interactions in your app
 */
const Button: React.FC<ButtonProps> = (props) => {
  return (
    <BaseButton
      {...props}
      kind={props.kind}
      size={props.size}
      shape={props.shape}
      onClick={props.onClick}
    >
      {props.children}
    </BaseButton>
  );
};

export default Button;
