How to use the @uifabric/fluent-theme.NeutralColors.black function in @uifabric/fluent-theme

<div>
        
      </div>
    
  );
};

onClick: onAdd,
    });
  }

  const compoundType = schema.type && typeof schema.type === 'string' && ['array', 'object'].includes(schema.type);

  return (
    <div>
      <div>{content}</div>
      {contextItems.length &gt; 0 &amp;&amp; (
        <div>
          
        </div>
      )}
    </div>
  );
}

setKey(value);
    if (!value) {
      onDelete(index);
    }
  };

  return (
    <div>
      <div>
        
      </div>
      
    </div>
  );
};

<div>
        
      </div>
      
    
  );
};

onRender: (item, index) => {
          return (
            
          );
        },
      },

onRender: (item, index) => {
          return (
            
          );
        },
      },

iconProps: { iconName: 'Cancel' },
      disabled: !hasRemove,
      onClick: fabricMenuItemClickHandler(onDropIndexClick(index)),
    },
  ];

  return (
    <div>
      <div>{props.children}</div>
      <div>
        
      </div>
    </div>
  );
};

{
      key: 'new',
      text: formatMessage('New'),
      subMenuProps: {
        items: newOptions,
        calloutProps: { calloutMaxHeight: 500 },
        directionalHint: DirectionalHint.rightTopEdge,
      },
    },
  ];

  return (
    
  );
}

import { FontWeights } from 'office-ui-fabric-react/lib/Styling';
import { NeutralColors } from '@uifabric/fluent-theme';
import { css } from '@emotion/core';

export const headerContainer = css`
  position: relative;
  background: ${NeutralColors.black};
  height: 50px;
  line-height: 50px;
`;

export const title = css`
  position: relative;
  margin-left: 56px;
  font-weight: ${FontWeights.semibold};
  font-size: 16px;
  color: #fff;
  &::after {
    content: '';
    position: absolute;
    top: 0px;
    right: -15px;
    bottom: 0px;