@ebay/ui-core-react
Version:
Skin components build off React
2 lines (1 loc) • 1.91 kB
JavaScript
Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../tslib.es6-C4EgNkz1.js"),e=require("react"),P=require("classnames"),h=require("../notice-content-9iF4T8uB.js"),l=require("../notice-content-C0ZStfuX.js"),o=require("../icon-CR8ApQBy.js"),T=require("../utils-C9NL3q0j.js"),m=require("../notice-footer-G6VPjVZu.js"),q=require("../notice-cta-CKl_qBge.js"),f=t=>{var{id:a,status:s="general",children:n,a11yDismissText:i,"aria-label":u,onDismiss:y=()=>{},className:E}=t,g=r.__rest(t,["id","status","children","a11yDismissText","aria-label","onDismiss","className"]);const[N,d]=e.useState(!1),c=T.findComponent(n,l.EbayNoticeContent);if(!c)throw new Error("EbayPageNotice: Please use a EbayNoticeContent that defines the content of the notice");const p=C=>{d(!0),y(C)};return N?null:e.createElement("section",Object.assign({},g,{"aria-labelledby":a||`${s}-status`,className:P("page-notice",E,{[`page-notice--${s}`]:s!=="general"})}),s!=="general"?e.createElement("div",{className:"page-notice__header",id:a||`${s}-status`},e.createElement(o.EbayIcon,{name:`${s}Filled16`,a11yText:u,a11yVariant:"label"})):null,e.createElement(h.NoticeContent,Object.assign({},c.props,{type:"page"})),n,i&&e.createElement(b,null,e.createElement("button",{"aria-label":i,className:"fake-link page-notice__dismiss",onClick:p},e.createElement(o.EbayIcon,{name:"close16"}))))},_=t=>{var{className:a,as:s,children:n}=t,i=r.__rest(t,["className","as","children"]);return e.createElement(m.NoticeTitle,Object.assign({},i,{className:a,as:s,type:"page"}),n)},b=({className:t,children:a})=>e.createElement(m.NoticeFooter,{className:t,type:"page"},a),D=({className:t,children:a})=>e.createElement(q.NoticeCTA,{className:t,type:"page"},a);exports.EbayNoticeContent=l.EbayNoticeContent;exports.EbayPageNotice=f;exports.EbayPageNoticeCTA=D;exports.EbayPageNoticeFooter=b;exports.EbayPageNoticeTitle=_;
;