"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[70605],{535322(t,n,e){e.d(n,{A:()=>p,I:()=>i});var i,o=e(274934),d=e(814557),a=e(158885),r=e(247816),m=e(565527),l=e(309130),g=e(100978),s=e(291508);!function(t){t.ACCORDION="accordion",t.BUTTON_LIST="buttonList"}(i||(i={}));const c=(0,r.A)(g.A,(0,s.A)("marginBottom","isButtonList","margin","flex","width","padding","nested","background"))`
  background-color: ${({background:t,nested:n,theme:{themeName:e}})=>t||d.Ay[e===m.S.DARK?`desktop-color-neutral-${n?"00":"01"}-${m.S.DARK}`:`desktop-color-neutral-${n?"01":"00"}-${m.S.LIGHT}`]};
  padding: ${({isButtonList:t,padding:n})=>n||(t?`0 ${l.Ln}`:l.Ln)};
  margin-bottom: ${({marginBottom:t})=>t||l.Ln};
  ${({margin:t})=>t?`margin: ${t};`:""}
  border-radius: 8px;
  flex-direction: column;
  width: ${({width:t="100%"})=>t};
  flex: ${({flex:t=0})=>t};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  ${({isButtonList:t})=>t?`\n    > div {\n      display: flex;\n      height: 48px;\n      border-bottom: ${({theme:{themeName:t}})=>d.Ay[`desktop-border-divider-${t}`]};\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `:""}
`,h=(0,r.A)(a.A,(0,s.A)("marginBottom","margin","flex","padding","nested","background"))`
  background-color: ${({background:t,nested:n,theme:{themeName:e}})=>t||d.Ay[e===m.S.DARK?`desktop-color-neutral-${n?"00":"01"}-${m.S.DARK}`:`desktop-color-neutral-${n?"01":"00"}-${m.S.LIGHT}`]};
  margin-bottom: ${({theme:t,marginBottom:n})=>n||t.spacing["spacing-l"]};
  ${({margin:t})=>t?`margin: ${t};`:""}
  ${({padding:t})=>t?`padding: ${t};`:""}
  border-radius: 8px;
  flex-direction: column;
  flex: ${({flex:t=0})=>t};
  > :last-child {
    margin-bottom: 0;
  }
  thead {
    tr {
      height: 32px !important;
    }
    th {
      text-transform: none;
    }
  }
  > li {
    > div:first-child {
      background: ${({background:t,theme:{themeName:n}})=>t||d.Ay[n===m.S.DARK?`desktop-color-neutral-01-${m.S.DARK}`:`desktop-color-neutral-00-${m.S.LIGHT}`]};
      height: 48px;
      padding: 0 ${l.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0;
      > div {
        padding: 0 ${l.Ln} ${l.Ln};
      }
    }
  }
`,p=({type:t,marginBottom:n,margin:e,padding:d,flex:a,width:r,nested:m,...l})=>"items"in l?(0,o.jsx)(h,{marginBottom:n,margin:e,padding:d,flex:a,nested:m,...l}):(0,o.jsx)(c,{nested:m,width:r,marginBottom:n,margin:e,padding:d,flex:a,isButtonList:t===i.BUTTON_LIST,...l,children:l.children})},686276(t,n,e){e.r(n),e.d(n,{default:()=>r});var i=e(274934),o=e(412160),d=e(113592),a=e(320018);const r=({activeItem:{mac:t,model:n}})=>(0,i.jsx)(a.A,{mac:t,model:n,logType:d.F.DEVICE,label:"COMMON_HISTORY",ignoreActionableValues:[o.dl.DEVICE],hideClientTabs:!0})}}]);