import { h } from "@stencil/core";
const headerDetail = (type = "text", caption, description, callback, cssClass) => {
    return (h("div", { class: { [cssClass]: true, "field field-block": true } }, h("span", { class: "detail__label body-semi-bold-s" }, caption), type === "text" ? (h("p", { class: "body-regular-s" }, description)) : (h("button", { class: "detail__link body-regular-s", onClick: callback }, description))));
};
export default headerDetail;
export const headerTitle = (caption, cssClass) => {
    return (h("h2", { class: { [cssClass]: true, "header__title subtitle-semi-bold-s": true } }, caption));
};
export const headerSubtitle = (caption, cssClass) => {
    return (h("p", { class: { [cssClass]: true, "detail__title subtitle-semi-bold-xs": true } }, caption));
};
//# sourceMappingURL=header-renders.js.map
