@ebay/ui-core-react
Version:
Skin components build off React
2 lines (1 loc) • 1.43 kB
JavaScript
"use strict";const p=require("./tslib.es6-C4EgNkz1.js"),e=require("react"),E=require("classnames"),y=require("./icon-CR8ApQBy.js"),N=n=>{var{pressed:a=!1,children:o,className:i,title:g,subtitle:s,layoutType:l="minimal",icon:r,img:t,onToggle:c}=n,m=p.__rest(n,["pressed","children","className","title","subtitle","layoutType","icon","img","onToggle"]);const u=d=>{c&&c(d,{pressed:!a})},b=()=>o||e.createElement(e.Fragment,null,e.createElement("p",{className:"toggle-button__title"},g),s&&e.createElement("p",{className:"toggle-button__subtitle"},s)),_=()=>{if(r)return e.createElement("div",{className:"toggle-button__icon"},e.createElement(y.EbayIcon,{name:r}));if(t)return e.createElement("span",{className:"toggle-button__image-container"},t.fillPlacement?e.createElement("span",{role:"img","aria-label":t.alt,className:"toggle-button__image",style:{backgroundImage:`url(${t.src})`,backgroundPosition:t.fillPlacement||"center",backgroundSize:"cover",backgroundRepeat:"no-repeat"}}):e.createElement("span",{className:"toggle-button__image"},e.createElement("img",{src:t.src,alt:t.alt})))};return e.createElement("button",Object.assign({onClick:u,className:E("toggle-button",i,{"toggle-button--minimal-layout":l==="minimal","toggle-button--list-layout":l==="list","toggle-button--gallery-layout":l==="gallery"}),"aria-pressed":a},m),_(),e.createElement("div",{className:"toggle-button__content"},b()))};exports.ToggleButton=N;