How to use the @dhis2/ui-core.colors.black function in @dhis2/ui-core

import React from 'react';
import PropTypes from 'prop-types';

import { colors } from '@dhis2/ui-core';
import EditTitleBar from './EditTitleBar';
import ViewTitleBar from './ViewTitleBar';

import './TitleBar.css';

const style = {
    title: {
        position: 'relative',
        fontSize: 21,
        fontWeight: 500,
        color: colors.black,
        minWidth: 50,
    },
    description: {
        fontSize: 14,
        color: colors.grey800,
    },
};

const TitleBar = ({ edit }) => {
    return (
        <div style="{{"></div>