include icon.pug
include status-indicator.pug

mixin action-menu
    .o-action-menu.u-p-static.t-raised
        block

mixin action-menu-item
    button.o-action-menu__item(disabled=attributes.disabled)
        .l-media.l-media--flush
            .l-media__block.o-action-menu__icon-slot
                if attributes.icon
                    if attributes.iconIsStatus
                        +status-indicator(attributes.icon)(class='o-action-menu__icon')
                    else
                        +icon(attributes.icon)(class='o-action-menu__icon')
            .l-media__block.l-media__block--main
                block
            .l-media__block.o-action-menu__icon-slot
                if attributes.postIcon
                    +icon(attributes.postIcon)(class='o-action-menu__icon')

mixin action-menu-separator
    .o-action-menu__separator

mixin action-menu-slot
    -
        let classes = {
            'o-action-menu__slot ': true,
        }
        if (attributes.class) {
            classes[attributes.class] = true;
        }
    div(class=classes)
        block