import {Palette} from "std-widgets.slint";

/// Draws a focus frame around fickables (ListView, ScollView, …)
/// respecting system style palette and metrics
export component FocusFrame inherits FocusScope {
    Rectangle {
        background: Palette.control-background;
        border-color: {
            // NOTE: Depends on platform
            if root.has-focus {
                Palette.selection-background
            } else {
                Palette.border
            }
        }
        // NOTE: border radius depends on platform
        border-width: {
            // NOTE: Depends on platform
            if root.has-focus {
                2px
            } else {
                1px
            }
        }
        @children
    }
}