include icon.pug
include status-indicator.pug
include action-button.pug

mixin menu
    .o-menu
        block

mixin menu-item
    -
        let classes = {
            'o-menu__item': true,
            'is-selected':  attributes.selected,
        }

    button(class=classes, disabled=attributes.disabled)
        .l-card.l-card--flush.l-card--sm
            if attributes.icon
                .l-card__block.o-menu__icon-slot
                    if attributes.iconIsStatus
                        +status-indicator(attributes.icon)(class='o-menu__icon')
                    else
                        +icon(attributes.icon)(class='o-menu__icon')
            .l-card__block.l-card__block--main&attributes({ class: attributes.contentClass })
                block
            if attributes.postIcon
                .l-card__block.o-menu__icon-slot
                    +icon(attributes.postIcon)(class='o-menu__icon')

mixin menu-header
    header.o-menu__header
        block

mixin menu-separator
    .o-menu__separator