import { useMemo } from 'react'


const decorations: Record<string, [string, string]> = {
  object: ['{', '}'],
  array: ['[', ']']
}

export const useValueAugmentations = (value: unknown) => {
  const valueType = useMemo(() => {
    if (Array.isArray(value)) {
      return 'array'
    }

    if (typeof value === 'object' && value !== null) {
      return 'object'
    }
  }, [value])

  return {
    isObjectLike: valueType !== undefined,
    decorations: decorations[valueType]
  }
}