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

mixin icon-nav
    -
        let classes = {
            'o-icon-nav':           true,
            'o-icon-nav--vertical': attributes.vertical,
        }
        if (attributes.class) {
            classes[attributes.class] = true;
        }

    div(class=classes)&attributes(attributes)
        block

mixin icon-nav-item(icon)
    -
        let classes = {
            'o-icon-nav__item': true,
            'o-action-button': true,
            'o-action-button--round': true,
            'o-action-button--quiet': true,
            'is-selected':  attributes.selected,
        }
        if (attributes.class) {
            classes[attributes.class] = true;
        }

    button(class=classes)&attributes(attributes)
        +icon(icon)(block=true)