How to use the open-color.green function in open-color

getFill({ macd }) {
    return macd > 0 ? OpenColor.green[3] : OpenColor.red[3]
  }
}

const AnimationExample = () => (
  
    <div>
      <header style="{{">
        <h1 style="{{">
          data-driven-motion
        </h1>
        <ul style="{{">
          <li>
            Demos
          </li>
          <li>Docs</li>
          <li></li></ul></header></div>

return color(c)
    .alpha(amount)
    .hsl()
    .string();
}

/**
 * normalize open-color to remove some colours,
 * such as 'grape'. This should be compatible with a tool
 * like palx.
 */

const defaultScales = {
  gray: open.gray,
  blue: open.blue,
  green: open.green,
  red: open.red,
  orange: open.orange,
  yellow: open.yellow,
  teal: open.teal,
  cyan: open.cyan,
  lime: open.lime,
  pink: open.pink,
  violet: open.violet,
  indigo: open.indigo
};

export type ScalesType = typeof defaultScales;

type PaletteItem = {
  lightest: string;
  light: string;

import React from 'react'
import PropTypes from 'prop-types'
import OpenColor from 'open-color'

export default class ColorIndicator extends React.PureComponent {
  static propTypes = {
    value: PropTypes.number.isRequired,
    positiveColor: PropTypes.string.isRequired,
    negativeColor: PropTypes.string.isRequired,
  }

  static defaultProps = {
    positiveColor: OpenColor.green[6],
    negativeColor: OpenColor.red[6],
  }

  render() {
    const { style, value, positiveColor, negativeColor, ...props } = this.props
    return <div value="==" style="{{"> 0 ? positiveColor : negativeColor }} /&gt;
  }
}
</div>