How to use the cozy-ui/transpiled/react/palette.charcoalGrey function in cozy-ui

text: t(`Transactions.actions.healthExpenseBill`).replace(
                  '%{vendor}',
                  reimbursement.bill.vendor
                )
              }}
            />
          
        )
      })}
    
  )
}

const action = {
  name,
  color: palette.charcoalGrey,
  // eslint-disable-next-line react/display-name
  getIcon: ({ transaction }) => {
    const color = isPending(transaction)
      ? palette.pomegranate
      : palette.dodgerBlue

    return 
  },
  match: transaction => {
    return (
      isHealthExpense(transaction) &&
      getVendors(transaction) &&
      !flag('reimbursements.tag')
    )
  },
  Component: compose(

const MenuAction = ({
  action,
  transaction,
  actionProps,
  compact = false,
  menuPosition,
  isModalItem
}) => {
  const { Component } = action
  const color = action.disabled
    ? palette.charcoalGrey
    : action.color || actionProps.color || PRIMARY_ACTION_COLOR

  return (
    
  )
}