import { jsx as e } from "../../../../external/.pnpm/preact@10.28.2/node_modules/preact/jsx-runtime/dist/jsxRuntime.module.js";
import o from "../../Typography/Typography.js";
import { TypographyVariant as t, TypographyElement as r } from "../../Typography/types.js";
/* empty css                         */
import { Icon as s } from "../../Icon/Icon.js";
const d = ({ name: n, description: a }) => /* @__PURE__ */ e("div", { className: "adyen-pe-store-selector-button", children: [
  /* @__PURE__ */ e("div", { className: "adyen-pe-store-selector-button__labels", children: [
    /* @__PURE__ */ e(o, { el: r.SPAN, variant: t.BODY, className: "adyen-pe-store-selector-button__name", children: n }),
    /* @__PURE__ */ e(o, { el: r.SPAN, variant: t.CAPTION, className: "adyen-pe-store-selector-button__description", children: a })
  ] }),
  /* @__PURE__ */ e(s, { name: "chevron-up-down", size: "medium", className: "adyen-pe-store-selector-button__icon" })
] });
export {
  d as StoreSelectorButtonContent
};
