UNPKG

react-klasha

Version:

This is an reactJS library for implementing klasha payment gateway

26 lines (20 loc) 1.09 kB
import { attachShadow, h, Host, proxyCustomElement } from '@stencil/core/internal/client'; import { b as getIonMode } from './ionic-global.js'; const avatarIosCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:48px;height:48px}"; const avatarMdCss = ":host{border-radius:var(--border-radius);display:block}::slotted(ion-img),::slotted(img){border-radius:var(--border-radius);width:100%;height:100%;-o-object-fit:cover;object-fit:cover;overflow:hidden}:host{--border-radius:50%;width:64px;height:64px}"; const Avatar = class extends HTMLElement { constructor() { super(); this.__registerHost(); attachShadow(this); } render() { return (h(Host, { class: getIonMode(this) }, h("slot", null))); } static get style() { return { ios: avatarIosCss, md: avatarMdCss }; } }; const IonAvatar = /*@__PURE__*/proxyCustomElement(Avatar, [33,"ion-avatar"]); export { IonAvatar };