"use strict";(this.webpackChunk_msteams_react_web_client=this.webpackChunk_msteams_react_web_client||[]).push([[315530],{77354:(e,t,r)=>{r.r(t),r.d(t,{default:()=>p});var i=r(513432),n=r.n(i),m=r(566309),l=r(605280),h=r(513605),s=r(113515),a=r(879045),o=function(e){return n().createElement(n().Fragment,null,n().createElement(h.W,{shimmerElements:[{type:s.w.line,height:1}],shimmerColors:e.shimmerColors}),n().createElement(l.B,{verticalAlign:"center",horizontalAlign:"space-between",tokens:{padding:"13px 8px 10px 7px"},horizontal:!0},n().createElement(l.B,{verticalAlign:"center",tokens:{childrenGap:12},horizontal:!0},n().createElement(a.I,{iconName:"ChevronRight",styles:{root:e.showChevron?void 0:{visibility:"hidden"}}}),n().createElement(h.W,{shimmerElements:[{type:s.w.circle,height:24},{type:s.w.gap,width:6},{type:s.w.line,height:16,width:e.shimmerLineWidth}],shimmerColors:e.shimmerColors})),n().createElement(h.W,{shimmerElements:[{type:s.w.line,height:20,width:40},{type:s.w.gap,width:8},{type:s.w.line,height:16,width:19}],shimmerColors:e.shimmerColors})))},c=function(e){var t=e.lines,r=void 0===t?[]:t;return n().createElement(l.B,{horizontalAlign:"center"},n().createElement(h.W,{shimmerElements:[{type:s.w.line,height:24,width:24}]}),r.map((function(e,t){return n().createElement(h.W,{key:t,styles:{shimmerWrapper:{marginTop:4}},shimmerElements:[{type:s.w.line,height:8,width:e}]})})))};const p=function(e){var t="Small Horizontal"===e.buttonStyle,r=t?16:8,i={background:(0,m.O4)().palette.neutralLighterAlt};return n().createElement(l.B,{horizontal:!t,reversed:t,tokens:{childrenGap:12}},e.isOpen&&n().createElement(l.B,{tokens:{padding:r},grow:!0},n().createElement(l.B,{horizontalAlign:"space-between",horizontal:!0},n().createElement(h.W,{width:92}),n().createElement(h.W,{shimmerElements:[{type:s.w.circle,height:22}],shimmerColors:i})),n().createElement(h.W,{styles:{shimmerWrapper:{marginTop:34}},height:16,width:"95%"}),n().createElement(h.W,{styles:{shimmerWrapper:{marginTop:5,marginBottom:29}},height:16,width:"70%"}),n().createElement(l.B,{tokens:{childrenGap:10,padding:"0px 7px"},verticalAlign:"center",horizontal:!0},n().createElement(a.I,{iconName:"ChevronDown"}),n().createElement(h.W,{shimmerElements:[{type:s.w.circle,height:24},{type:s.w.gap,width:6},{type:s.w.line,height:16,width:78}],shimmerColors:i})),n().createElement(h.W,{width:"100%",styles:{shimmerWrapper:{marginTop:18,marginBottom:29}},shimmerElements:[{type:s.w.gap,width:29},{type:s.w.line,height:203}],shimmerColors:i}),n().createElement(o,{shimmerLineWidth:78,shimmerColors:i}),n().createElement(o,{shimmerLineWidth:148,showChevron:!0,shimmerColors:i}),n().createElement(o,{shimmerLineWidth:109,shimmerColors:i}),n().createElement(o,{shimmerLineWidth:131,shimmerColors:i}),n().createElement(o,{shimmerLineWidth:131,shimmerColors:i}),n().createElement(h.W,{shimmerElements:[{type:s.w.line,height:1}]})),n().createElement(l.B,null,n().createElement(l.B,{horizontalAlign:t?"start":"center",horizontal:t,tokens:{childrenGap:20,padding:r}},n().createElement(c,{lines:t?[]:[34]}),n().createElement(c,{lines:t?[]:[42]}),n().createElement(c,{lines:t?[]:[54]}),n().createElement(c,{lines:t?[]:[32]}),n().createElement(c,{lines:t?[]:[48,24]}),n().createElement(c,null)),t&&n().createElement(h.W,{shimmerElements:[{type:s.w.line,height:1}],shimmerColors:i})))}}}]);
//# sourceMappingURL=https://local.teams.office.com/sourcemaps/hashed-assets/navigationPanelShimmer-7298ce32e349a6b2.js.map