import React from "react"; import type { LsgButtonVariant } from "./LsgButton"; import "./LsgButton.scss"; export interface LsgAemButtonProps extends Omit, "className" | "children"> { /** LSG Button "CTA type" style — rendered as `button--{variant}` on the decoration div. */ variant?: LsgButtonVariant; /** Extra classes on the `div.cmp-lsg-button` decoration div (e.g. grid column classes). */ wrapperClassName?: string; /** Extra classes on the `a.lsg-button` element. */ className?: string; /** Rendered inside the anchor, before `.lsg-button__text`. */ icon?: React.ReactNode; /** Content of `.lsg-button__text`. */ children?: React.ReactNode; } /** * The DOM AEM publishes for the LSG Button component (button.html wrapped by its * _cq_htmlTag decoration div, with the CTA type style class on that div): * * div.cmp-lsg-button.button--{variant} > div.lsg-button-container > a.lsg-button > span.lsg-button__text * * Components that embed a button in their own HTL emit this same structure, so the * theme's `.cmp-lsg-button.button--X .lsg-button` rules style it. */ export declare const LsgAemButton: React.FC;