// Copyright © SixtyFPS GmbH <info@slint.dev>
// SPDX-License-Identifier: GPL-3.0-only OR LicenseRef-Slint-Royalty-free-1.1 OR LicenseRef-Slint-commercial

export component Button {
    in property <string> text <=> native.text;
    in property <image> icon <=> native.icon;
    in property <bool> enabled <=> native.enabled;
    in property <bool> checkable <=> native.checkable;
    in property <bool> primary <=> native.primary;
    in property <bool> colorize-icon <=> native.colorize-icon;
    out property <bool> has-focus <=> native.has-focus;
    out property <bool> pressed <=> native.pressed;
    in-out property <bool> checked <=> native.checked;

    callback clicked <=> native.clicked;

    accessible-checkable: root.checkable;
    accessible-checked: root.checked;
    accessible-label: root.text;
    accessible-role: button;
    forward-focus: native;

    HorizontalLayout {
        native := NativeButton {
            checkable: false;
            enabled: true;
        }
    }
}

export component StandardButton {
    in property <StandardButtonKind> kind <=> native.standard-button-kind;
    in property <bool> enabled <=> native.enabled;
    out property <bool> has-focus <=> native.has-focus;
    out property <bool> pressed <=> native.pressed;

    callback clicked <=> native.clicked;

    accessible-label: native.text;
    accessible-role: button;

    HorizontalLayout {
        native := NativeButton {
            is-standard-button: true;
            checkable: false;
        }
    }
}