import{proxyCustomElement,HTMLElement,h}from"@stencil/core/internal/client";const prestoActionBarUiCss=":host{display:block;overflow:hidden}.bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background:var(--presto-action-bar-background, #1d1d1d);color:#fff;padding:0 var(--presto-action-bar-padding, 6px);line-height:1em;font-size:16px;margin-top:-100%;transition:margin var(--presto-action-bar-animation-speed, 0.5s) ease-in-out;transform:translate3d(0);border-radius:0px 0px var(--presto-player-border-radius) var(--presto-player-border-radius)}.bar.bar--open{margin-top:0}.bar__button{margin:var(--presto-action-bar-padding, 6px);display:flex;align-items:center}.bar__content{margin:var(--presto-action-bar-padding, 6px);width:100%;text-align:center}@media screen and (min-width: 480px){.bar__content{width:auto}}",PrestoActionBarUi=proxyCustomElement(class extends HTMLElement{constructor(){super(),this.__registerHost(),this.__attachShadow(),this.open=void 0}render(){return h("div",{class:{bar:!0,"bar--open":this.open}},h("span",{part:"content",class:"bar__content"},h("slot",null)),h("span",{part:"button",class:"bar__button"},h("slot",{name:"button"})))}static get style(){return prestoActionBarUiCss}},[1,"presto-action-bar-ui",{open:[4]}]);function defineCustomElement(){"undefined"!=typeof customElements&&["presto-action-bar-ui"].forEach((t=>{"presto-action-bar-ui"===t&&(customElements.get(t)||customElements.define(t,PrestoActionBarUi))}))}defineCustomElement();export{PrestoActionBarUi as P,defineCustomElement as d};