componentStyles () {
      const { isExpanded, isDisabled } = this.context
      return {
        opacity: isDisabled ? 0.4 : 1,
        transform: isExpanded ? 'rotate(-180deg)' : null,
        transition: 'transform 0.2s',
        transformOrigin: 'center'
      }
    }
CAccordionIcon component

A chevron-down icon that rotates based on the
expanded/collapsed state.

@extends CIcon
@see Docs https://vue.chakra-ui.com/accordion