import { h } from "@stencil/core";
import { CloseButtonView } from "./sqm-close-button-view";
export default {
  title: "Components/Close Button",
  parameters: {
  // scenario,
  },
};
const defaultProps = {};
const containerStyles = {
  position: "relative",
  width: "500px",
  height: "500px",
  border: "1px solid black",
  padding: "25px",
};
export const Default = () => {
  return h(CloseButtonView, Object.assign({}, defaultProps));
};
export const InAContainer = () => {
  return (h("div", { style: containerStyles },
    h(CloseButtonView, Object.assign({}, defaultProps))));
};
export const CustomColor = () => {
  return (h("div", { style: containerStyles },
    h(CloseButtonView, Object.assign({}, { ...defaultProps, color: "blue" }))));
};
