import { h } from "@stencil/core";
import { createStyleSheet } from "../../styling/JSS";
const style = {
  Container: { display: "contents" },
  Link: {
    textDecoration: "none",
    color: "inherit",
  },
};
const vanillaStyle = `
:host{
  display: inline;   
}
`;
const sheet = createStyleSheet(style);
const styleString = sheet.toString();
export function LinkButtonView(props) {
  const { onClick, buttonText } = props;
  return (h("span", { class: sheet.classes.Container, part: "sqm-base" },
    h("style", { type: "text/css" },
      styleString,
      vanillaStyle),
    h("sl-button", { onClick: onClick, type: "primary", exportparts: "base: primarybutton-base" },
      h("a", { class: sheet.classes.Link, part: "sqm-link" }, buttonText))));
}
