import QtQuick
import QtQuick.Layouts

import "MaterialPalette.qml" as MaterialPalette

Rectangle {
    id: chip
    property string text: ""
    property color fillColor: MaterialPalette.surfaceVariant
    property color textColor: MaterialPalette.onSurface
    property bool outlined: false

    radius: 999
    height: 32
    implicitWidth: label.width + 32
    color: outlined ? "transparent" : fillColor
    border.color: outlined ? MaterialPalette.outline : "transparent"
    border.width: outlined ? 1 : 0

    Text {
        id: label
        anchors.centerIn: parent
        font.pixelSize: 14
        text: chip.text
        color: textColor
    }
}