function Header()

in helper/src/components/portalnav.js [38:76]
29 lines of code
1 McCabe index (conditional complexity)

function Header({ presets, setPresets, selectedPreset, featureFlag }) {


  return (
    <nav role="menubar">

      <div style={{ width: "100%", display: 'flex', paddingTop: "5px" }}>

        <div style={{  whiteSpace: "nowrap", marginTop: "7px" }}>
          <Link className="navbar-brand no-outline" >
            <Image src="aks.svg" height="33px" alt='aks logo' />
          </Link>
          <Text nowrap variant="xLarge" className={titleClass} >AKS Construction <span style={{ "color": "red" }}>Helper</span></Text>
        </div>

        <Text variant={'mediumPlus'} className={titleClass} style={{ "marginTop": "12px" }}>Docs and CI/CD samples are in the <a href="https://github.com/Azure/AKS-Construction" target="_blank" rel="noopener noreferrer">GitHub Repository</a> and at <a href="https://learn.microsoft.com/azure/cloud-adoption-framework/scenarios/app-platform/aks/landing-zone-accelerator" target="_blank" rel="noopener noreferrer">AKS Landing Zone Accelerator</a></Text>

        <div style={{whiteSpace: "nowrap"}}>

          <CommandBarButton aria-label='Preset scenario' iconProps={{ iconName: presets[selectedPreset].icon }} menuProps={{
            items: Object.keys(presets).map(p => {
              return {
                key: p,
                text: presets[p].title,
                disabled: presets[p].disabled,
                iconProps: { iconName: presets[p].icon },
                onClick: () => setPresets(p)
              }
            })

          }} text={presets[selectedPreset].title} disabled={false} checked={true}
            styles={{ root: { "vertical-align": "top", padding: "11px 12px 13px", border: "2px solid transparent", background: "transparent" }, label: { color: "#0067b8", fontWeight: "600", fontSize: "15px", lineHeight: "1.3" } }} />


        </div>
      </div>
    </nav>
  )
}