@copilotkit/a2ui-renderer/dist/web-components/catalog/basic/button.mjs

A2UI Renderer for CopilotKit - render A2UI surfaces in React applications

import { createLitComponent } from "../../adapter.mjs";
import { LEAF_MARGIN } from "./utils.mjs";
import { html, nothing } from "lit";
import { ButtonApi } from "@a2ui/web_core/v0_9/basic_catalog";
import { styleMap } from "lit/directives/style-map.js";

//#region src/web-components/catalog/basic/button.ts
const Button = createLitComponent(ButtonApi, ({ props, buildChild }) => html`
    <button
      type="button"
      style=${styleMap({
	margin: LEAF_MARGIN,
	padding: "8px 16px",
	cursor: "pointer",
	border: props.variant === "borderless" ? "none" : "1px solid #ccc",
	backgroundColor: props.variant === "primary" ? "var(--a2ui-primary-color, #007bff)" : props.variant === "borderless" ? "transparent" : "#fff",
	color: props.variant === "primary" ? "#fff" : "inherit",
	borderRadius: "4px",
	display: "inline-flex",
	alignItems: "center",
	justifyContent: "center",
	boxSizing: "border-box"
})}
      ?disabled=${props.isValid === false}
      @click=${() => props.action?.()}
    >
      ${props.child ? buildChild(props.child) : nothing}
    </button>
  `);

//#endregion
export { Button };
//# sourceMappingURL=button.mjs.map