export interface NavLinkProps
  extends React.DetailedHTMLProps<
    React.LinkHTMLAttributes<HTMLLinkElement>,
    HTMLLinkElement
  > {
  /**
   * what should the button say inside ?
   */
  text: string;
  /**
   * URL
   */
  dest?: string; //URL or nav #tag
  /**
   * New tab?
   */
  openNewTab?: boolean;
  /**
   * Which type of button you need ?
   */
  variant?: "primary" | "secondary" | "danger";
  /**
   * How large should the button be ?
   */
  size?: "small" | "medium" | "large";
  /**
   * Should the string given be in Uppercase ?
   */
  allCaps?: boolean;
  /**
   * Should the button be disabled ?
   */
  isDisabled?: boolean;
  /**
   * Optional click handler
   */
   onClick?: () => void;
   /**
    * Add extra css to component
    */
   className?: string;
}