const { asLength, nameClass } = require('../pluginUtils')

module.exports = function ({ addUtilities, matchUtilities }) {
  matchUtilities({
    'divide-x': (modifier, { theme }) => {
      let value = asLength(modifier, theme['divideWidth'])

      if (value === undefined) {
        return []
      }

      value = value === '0' ? '0px' : value

      return {
        [`${nameClass('divide-x', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
          '--tw-divide-x-reverse': '0',
          'border-right-width': `calc(${value} * var(--tw-divide-x-reverse))`,
          'border-left-width': `calc(${value} * calc(1 - var(--tw-divide-x-reverse)))`,
        },
      }
    },
    'divide-y': (modifier, { theme }) => {
      let value = asLength(modifier, theme['divideWidth'])

      if (value === undefined) {
        return []
      }

      value = value === '0' ? '0px' : value

      return {
        [`${nameClass('divide-y', modifier)} > :not([hidden]) ~ :not([hidden])`]: {
          '--tw-divide-y-reverse': '0',
          'border-top-width': `calc(${value} * calc(1 - var(--tw-divide-y-reverse)))`,
          'border-bottom-width': `calc(${value} * var(--tw-divide-y-reverse))`,
        },
      }
    },
  })

  addUtilities({
    '.divide-y-reverse > :not([hidden]) ~ :not([hidden])': {
      '--tw-divide-y-reverse': '1',
    },
    '.divide-x-reverse > :not([hidden]) ~ :not([hidden])': {
      '--tw-divide-x-reverse': '1',
    },
  })
}