import { h } from "@stencil/core";
import { CopyTextView } from "../views/copy-text-view";
import scenario from "./ShareCode.feature";
export default {
  title: "Components/Share Code",
  parameters: {
    scenario,
  },
};
export const ShareCode = () => {
  return h("sqm-share-code", { tooltiptext: "Copied to Clipboard" });
};
export const CustomTooltipText = () => {
  return h("sqm-share-code", { tooltiptext: "CUSTOM TOOLTIP TEXT" });
};
export const TextAlignCenter = () => {
  return h("sqm-share-code", { textAlign: "center" });
};
export const TextAlignRight = () => {
  return h("sqm-share-code", { textAlign: "right" });
};
export const CustomTooltipDuration = () => {
  return (h("sqm-share-code", { tooltiplifespan: 5000, tooltiptext: "CUSTOM TOOLTIP TEXT" }));
};
export const CopyButton = () => {
  return (h(CopyTextView, Object.assign({}, {
    copyString: "https://noah.example.com",
    open: false,
    tooltiptext: "Copied!",
    isCopyIcon: false,
  })));
};
export const CopyButtonBelow = () => {
  return (h(CopyTextView, Object.assign({}, {
    copyString: "https://noah.example.com",
    open: false,
    tooltiptext: "Copied!",
    buttonStyle: "button-below",
  })));
};
export const Error = () => {
  const props = {
    copyString: "https://noah.example.com",
    disabled: true,
    open: true,
    tooltiptext: "Copied!",
    error: true,
  };
  return h(CopyTextView, Object.assign({}, props));
};
