@st-namespace 'ShareButton-deprecated-st-css';
:import {
    -st-from: "../../common/formatters.st";
    -st-named: color, fallback
}

:import {
    -st-from: "../TextButton/TextButton.deprecated.st.css";
    -st-default: TextButton;
}

/*Defaults*/
:vars {
    DefaultColor: color-5;
    DisabledColor: color-3;
}

/*Overrides*/
:vars {
    /*
    @default color-5
    */
    IconColor: --overridable;
    /*
    @default color-5
    */
    TextColor: --overridable;
}

/*
 * @default color-5
 * @type color
 */
@property st-global(--wix-ui-tpa-share-button-icon-color);

/*
 * @default color-5
 * @type color
 */
@property st-global(--wix-ui-tpa-share-button-text-color);

:vars {
    textColor: color(fallback(value(TextColor), value(DefaultColor)));
    iconColor: color(fallback(value(IconColor), value(DefaultColor)));
}

.root {
    -st-states: withIcon;
    -st-extends: TextButton;
    -st-mixin: TextButton(
            MainTextColor value(textColor),
    );
}

.root:hover .icon {
    opacity: 0.6;
}

.root:withIcon .text {
    padding-left: 4px;
}

.text {

}

.icon {
    -st-states: disabled;
    color: value(iconColor);
}

.icon:disabled {
    color: color(value(DisabledColor));
}

/* st-namespace-reference="../../../../src/components/ShareButton/ShareButton.deprecated.st.css" */