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