"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 a=r(7552),n=r(31409),l=r.n(n),u=r(943),o=r(68446),s=r(41990);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 a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},i.apply(this,arguments)}function c({value:e}){const[t,r]=(0,a.useState)(!1),[n,u]=(0,a.useState)(!1),o=String(e);return o.length>100?a.createElement(a.Fragment,null,a.createElement("button",{type:"button",onClick:()=>{l()(o),u(!0),setTimeout((()=>{u(!1)}),700)}},n?"Copied to clipboard":"Copy"),a.createElement("button",{type:"button",onClick:()=>r((e=>!e))},t?"Show less":"Show more"),a.createElement("div",null,t?o:`${o.slice(0,100)}...`)):a.createElement("div",null,o)}function b(e){return a.createElement(s.BaseAttributes,i({},e,{formatter:e=>a.createElement(c,{value:e})}))}const m=(0,o.observer)((({model:e})=>{const{feature1:t,feature2:r}=JSON.parse(JSON.stringify(e.featureData));return a.createElement(u.A,{"data-testid":"alignment-side-drawer"},a.createElement(s.BaseCoreDetails,{title:"Feature 1",feature:t}),a.createElement(s.BaseCoreDetails,{title:"Feature 2",feature:r}),a.createElement(b,{feature:t}),a.createElement(b,{feature:r}))}))}}]);
//# sourceMappingURL=5576.7517d41e.chunk.js.map