import * as Cx from "../../core";
import { ButtonProps } from "../Button";
import * as React from "react";

interface LinkButtonProps extends ButtonProps {
   /** Url to the link's target location. Should start with `~/` or `#/` for pushState/hash based navigation. */
   href?: Cx.StringProp;

   /** Binding to the current url location in the store. If `href` matches `url`, additional CSS class `active` is applied. */
   url?: Cx.StringProp;

   /**
    * Accepted values are `equal`, `prefix` and `subroute`. Default is `equal` which means that `url` must exactly match `href` in order to consider the link active.
    * In `prefix` mode, if `href` is a prefix of `url`, the link is considered active. The `subroute` mode is similar to `prefix` mode, except that `href` must be followed by a forward slash `/`, indicating
    * a subroute.
    */
   match?: "equal" | "prefix" | "subroute";
}

export class LinkButton extends Cx.Widget<LinkButtonProps> {}