"use strict";(self.webpackChunkunifiNetworkUi=self.webpackChunkunifiNetworkUi||[]).push([[89965],{689965:(t,n,e)=>{e.d(n,{A:()=>h,I:()=>i});var i,o=e(296540),d=e(822336),r=e(427853),a=e(71479),m=e(825032),g=e(566723),l=e(294303);!function(t){t.ACCORDION="accordion",t.BUTTON_LIST="buttonList"}(i||(i={}));const s=(0,a.A)(l.A,{shouldForwardProp:t=>!["marginBottom","isButtonList","margin","flex","width","padding","nested","background"].includes(t)})`
  background-color: ${({background:t,nested:n,theme:{themeName:e}})=>t||d.Ay[e===m.S.DARK?`desktop-color-neutral-${n?"00":"01"}-dark`:`desktop-color-neutral-${n?"01":"00"}-light`]};
  padding: ${({theme:t,isButtonList:n,padding:e})=>e||(n?`0 ${t.spacing["spacing-l"]}`:t.spacing["spacing-l"])};
  margin-bottom: ${({theme:t,marginBottom:n})=>n||t.spacing["spacing-l"]};
  ${({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  `:""}
`,c=(0,a.A)(r.A,{shouldForwardProp:t=>!["marginBottom","margin","flex","padding","nested","background"].includes(t)})`
  background-color: ${({background:t,nested:n,theme:{themeName:e}})=>t||d.Ay[e===m.S.DARK?`desktop-color-neutral-${n?"00":"01"}-dark`:`desktop-color-neutral-${n?"01":"00"}-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-dark":"desktop-color-neutral-00-light"]};
      height: 48px;
      padding: 0 ${g.Ln};
    }
    > div:nth-child(2) {
      margin-bottom: 0;
      padding: 0 ${g.Ln} ${g.Ln};
      > div {
        padding: 0;
      }
    }
  }
`,h=({type:t,marginBottom:n,margin:e,padding:d,flex:r,width:a,nested:m,...g})=>"items"in g?o.createElement(c,{marginBottom:n,margin:e,padding:d,flex:r,nested:m,...g}):o.createElement(s,{nested:m,width:a,marginBottom:n,margin:e,padding:d,flex:r,isButtonList:t===i.BUTTON_LIST,...g},g.children)}}]);