render()

in modules/manifold/src/components/ui/headline/headline.js [60:112]

• 52 lines of code
• 4 McCabe index (conditional complexity)

  render() {
    const {
      headers,
      onTabChange,
      themeColor,
      isCoordinated,
      showHelp,
      onClickSplit,
      onClickHelp,
    } = this.props;

    const content =
      headers.length > 1 ? (
        <TabGroup
          tabs={headers}
          themeColor={themeColor}
          onTabChange={onTabChange}
        />
      ) : (
        <Tab themeColor={themeColor}> {headers[0]} </Tab>
      );
    return (
      <Container>
        {content}
        <ButtonGroup>
          <IconButton
            onClick={onClickSplit}
            isActive={isCoordinated}
            themeColor={themeColor}
          >
            <StyledIcon
              as={Split}
              height="18"
              width="18"
              color={isCoordinated ? themeColor : '#999'}
            />
          </IconButton>
          <IconButton
            onClick={onClickHelp}
            isActive={showHelp}
            themeColor={themeColor}
          >
            <StyledIcon
              as={Question}
              height={32}
              width={32}
              color={showHelp ? themeColor : '#999'}
            />
          </IconButton>
        </ButtonGroup>
      </Container>
    );
  }