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