overte-HifiExperiments/interface/resources/qml/hifi/TabletTextButton.qml

//
//  TabletTextButton.qml
//
//  Created by Dante Ruiz on 2017/3/23
//  Copyright 2015 High Fidelity, Inc.
//
//  Distributed under the Apache License, Version 2.0.
//  See the accompanying file LICENSE or http://www.apache.org/licenses/LICENSE-2.0.html
//

import Hifi 1.0
import QtQuick 2.4
import "../styles-uit"

Rectangle {
    property alias text: label.text
    property alias pixelSize: label.font.pixelSize;
    property bool selected: false
    property int spacing: 2
    property var action: function () {}
    property string highlightColor: hifi.colors.blueHighlight;
    width: label.width + 64
    height: 32
    color: hifi.colors.white
    HifiConstants { id: hifi }
    RalewaySemiBold {
        id: label;
        color: hifi.colors.blueHighlight;
        font.pixelSize: 15;
        anchors {
            horizontalCenter: parent.horizontalCenter;
            verticalCenter: parent.verticalCenter;
        }
    }

    /*Rectangle {
        anchors.fill: parent
        border.width: 3
        border.color: clickArea.containMouse ? highlightColor : "transparent"
        color: "transparent"
    }*/
        
    Rectangle {
        id: indicator
        width: parent.width
        height: 3
        anchors {
            left: parent.left
            right: parent.right
            bottom: parent.bottom
        }
        color: hifi.colors.blueHighlight
        visible: parent.selected
    }

    MouseArea {
        id: clickArea;
        anchors.fill: parent;
        acceptedButtons: Qt.LeftButton;
        onClicked: action(parent);
        hoverEnabled: true;
    }
}