"use strict";(globalThis.webpackChunk_jbrowse_web=globalThis.webpackChunk_jbrowse_web||[]).push([[5576],{95576:(e,t,r)=>{r.r(t),r.d(t,{default:()=>m});var n=r(7552),a=r(31409),l=r.n(a),u=r(943),o=r(68446),s=r(68984);function i(){return i=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)({}).hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},i.apply(null,arguments)}function c({value:e}){const[t,r]=(0,n.useState)(!1),[a,u]=(0,n.useState)(!1),o=String(e);return o.length>100?n.createElement(n.Fragment,null,n.createElement("button",{type:"button",onClick:()=>{l()(o),u(!0),setTimeout((()=>{u(!1)}),700)}},a?"Copied to clipboard":"Copy"),n.createElement("button",{type:"button",onClick:()=>r((e=>!e))},t?"Show less":"Show more"),n.createElement("div",null,t?o:`${o.slice(0,100)}...`)):n.createElement("div",null,o)}function b(e){return n.createElement(s.BaseAttributes,i({},e,{formatter:e=>n.createElement(c,{value:e})}))}const m=(0,o.observer)((function({model:e}){const{feature1:t,feature2:r}=JSON.parse(JSON.stringify(e.featureData));return n.createElement(u.A,{"data-testid":"alignment-side-drawer"},n.createElement(s.BaseCoreDetails,{title:"Feature 1",feature:t}),n.createElement(s.BaseCoreDetails,{title:"Feature 2",feature:r}),n.createElement(b,{feature:t}),n.createElement(b,{feature:r}))}))}}]);
//# sourceMappingURL=5576.42215f8e.chunk.js.map