import QtQuick 6.8
import QtQuick.Controls 6.8
import QtQuick.Controls.Basic 6.8

TabButton {
    leftPadding: 5
    rightPadding: 5
    implicitHeight: 36

    contentItem: Text {
        text: parent.text
        font.family: Colors.fontFamily
        font.pointSize: Colors.fontSize.base
        opacity: enabled ? 1.0 : 0.3
        color: Colors.text;
        horizontalAlignment: Text.AlignHCenter
        verticalAlignment: Text.AlignVCenter
        elide: Text.ElideRight
    }

    background: Rectangle {
        color: checked ? (parent.hovered ? Colors.secondaryAlt : Colors.secondary) : (parent.hovered ? Colors.primaryAlt : Colors.primary)
        opacity: enabled ? 1 : 0.3
        radius: 5
    }
}