How to use the cozy-ui/transpiled/react/CozyTheme.useCozyTheme function in cozy-ui

export const Table = ({ children, className, ...rest }) => {
  const theme = useCozyTheme()
  return (
    
      {children}
    <table></table>
  )
}

const CategoriesChart = props => {
  const {
    categories,
    selectedCategory,
    width,
    height,
    total,
    currency,
    hasAccount,
    className,
    label
  } = props

  const { t } = useI18n()
  const theme = useCozyTheme()

  const sortedCategories = useMemo(() => getSortedCategories(categories), [
    categories
  ])
  const colors = useMemo(
    () => getCategoriesColors(sortedCategories, selectedCategory),
    [selectedCategory, sortedCategories]
  )

  const labels = sortedCategories.map(category =>
    t(
      `Data.${selectedCategory ? 'subcategories' : 'categories'}.${
        category.name
      }`
    )
  )

const ThemedComponent = props => {
    const theme = useCozyTheme()
    return 
  }

const IncomeToggle = ({ withIncome, onToggle }) => {
  const theme = useCozyTheme()
  const { t } = useI18n()

  const handleClick = useCallback(
    ev => {
      return onToggle(ev.target.checked)
    },
    [onToggle]
  )
  return (
    <div>
      </div>

const Component = () => {
      const theme = useCozyTheme()
      return <>{theme}
    }
    expect(

withCurrencySpacing = true,
    coloredPositive,
    coloredNegative,
    coloredWarning,
    warningLimit,
    signed,
    className,
    total,
    totalClassName,
    currencyClassName,
    size,
    onClick,
    inline
  } = props

  const theme = useCozyTheme()

  let { decimalNumbers } = props
  decimalNumbers = isNaN(decimalNumbers) ? 2 : decimalNumbers

  const totalLocalized =
    typeof total === 'number'
      ? total.toLocaleString('fr-FR', {
          minimumFractionDigits: decimalNumbers,
          maximumFractionDigits: decimalNumbers
        })
      : total
  const isTotalPositive = total > 0
  const isTotalInLimit = total > warningLimit
  const isWarning = !isTotalPositive && !isTotalInLimit && coloredWarning

  return (

export const BackIcon = () => {
  const theme = useCozyTheme()
  return (
    
  )
}

const DownArrow = () => {
  const theme = useCozyTheme()
  return (
    
  )
}

const Title = props => {
  const theme = useCozyTheme()
  const { children, className } = props

  return (
    
      {children}
    
  )
}