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

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { colors } from '@dhis2/ui-core';
import { getId } from './plugin';
import InterpretationsComponent from '@dhis2/d2-ui-interpretations';

const style = {
    scrollContainer: {
        overflowY: 'auto',
        height: '340px',
    },
    line: {
        margin: '-1px 0px 0px',
        height: '1px',
        border: 'none',
        backgroundColor: colors.grey100,
    },
};

class ItemFooter extends Component {
    render() {
        const objectId = getId(this.props.item);

        return (
            <div>
                <hr style="{style.line}">
                <div style="{style.scrollContainer}">
                    </div></div>