import * as React from "react";
import styles from "./ButtonLink.module.scss";
import {AnchorHTMLAttributes, ButtonHTMLAttributes, DetailedHTMLProps} from "react";

interface Props {
    asLink?: boolean;
}

export default function buttonLink({asLink, ...props}: Props &
        DetailedHTMLProps<AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> &
        DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>): JSX.Element {

    const Tag = asLink ? "a" : "button";

    return (<Tag className={styles.link} {...props}>{props.children}</Tag>);
}