@use "../../../bulma/sass/utilities" as bulma-utilities;

$icon-svg-width: auto !default;
$icon-svg-height: auto !default;

// Map Local variables
$-css-vars-map: (
    "icon-svg-width": $icon-svg-width,
    "icon-svg-height": $icon-svg-height,
);

// Register & Export CSS Variabless
@include bulma-utilities.exportCSSVars($-css-vars-map);
@include bulma-utilities.registerComponentCSSVars("icon", $-css-vars-map);

.icon {
    @extend %unselectable;

    cursor: inherit;

    svg {
        width: var(--icon-svg-width);
        height: var(--icon-svg-height);
        pointer-events: none;
        background-color: transparent;
        fill: currentColor;
        stroke: currentColor;
        stroke-width: 0;
    }
}