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

fill: colors.grey500,
    },
    buttonBase: {
        padding: '5px 6px 3px 6px',
    },
    buttonDisabled: {
        padding: '5px 6px 3px 6px',
        opacity: 0.5,
        cursor: 'unset',
    },
    toggleFooterPadding: {
        padding: '7px 6px 1px 6px',
    },
    border: {
        borderRadius: '2px',
        border: `1px solid ${colors.grey200}`,
    },
};

const baseStyle = {
    icon: style.iconBase,
    container: style.buttonBase,
};

const disabledStyle = {
    icon: style.iconBase,
    container: style.buttonDisabled,
};

const activeStyle = {
    icon: { ...style.iconBase, fill: theme.primary800 },
    container: {

import React from 'react';
import { colors } from '@dhis2/ui-core';

const style = {
    backgroundColor: colors.grey200,
    border: 'none',
    height: '1px',
    margin: '0px 0px 5px 0px',
};

const Line = () =&gt; <hr style="{style}">;

export default Line;