// BEM-парсер: разбирает имена классов на составляющие
function parseBEM(className) {
  // BEM паттерн: block__element--modifier
  // Регуляризируем: блок — только [a-z][a-z0-9-]*
  const elementSep = '__'
  const modSep = '--'

  let block = className
  let element = null
  let modifier = null

  // Ищем модификатор (последний --)
  const modIdx = className.lastIndexOf(modSep)
  if (modIdx !== -1 && modIdx > 0) {
    modifier = className.slice(modIdx + modSep.length)
    block = className.slice(0, modIdx)
  }

  // Ищем элемент (__)
  const elemIdx = block.indexOf(elementSep)
  if (elemIdx !== -1) {
    element = block.slice(elemIdx + elementSep.length)
    block = block.slice(0, elemIdx)
  }

  return { block, element, modifier }
}

function buildBEM(block, element = null, modifier = null) {
  let name = block
  if (element) name += `__${element}`
  if (modifier) name += `--${modifier}`
  return name
}

function validateBEM(className) {
  const valid = /^[a-z][a-z0-9-]*(__[a-z][a-z0-9-]*)?(--[a-z][a-z0-9-]*)?$/.test(className)
  return valid
}

// Тесты
const testCases = [
  'card',
  'card__title',
  'card__button--disabled',
  'navigation__item--active',
  'button--primary',
  'Card',          // Нарушение: заглавная буква
  'card__title__sub',  // Нарушение: элемент элемента
  'card--',        // Нарушение: пустой модификатор
]

console.log('=== Парсинг BEM-классов ===')
testCases.forEach(cls => {
  const parsed = parseBEM(cls)
  const valid = validateBEM(cls)
  console.log(`"${cls}"`)
  console.log(`  block: ${parsed.block}, element: ${parsed.element}, modifier: ${parsed.modifier}`)
  console.log(`  valid: ${valid}`)
})

console.log('\n=== Построение BEM-классов ===')
console.log(buildBEM('card'))                          // 'card'
console.log(buildBEM('card', 'title'))                // 'card__title'
console.log(buildBEM('card', 'button', 'disabled'))   // 'card__button--disabled'
console.log(buildBEM('button', null, 'primary'))      // 'button--primary'