@st-namespace 'ShareButton-st-css';
@st-import [ --wix-color-29, --wix-color-5 ] from '@wix/tpa-style-webpack-plugin/stylable-variables.st.css';
@st-import [ --wst-paragraph-2-color-rgb, --wst-system-disabled-color-rgb ] from '@wix/wix-site-theme-variables/stylable-variables.st.css';
@st-import [ createColor, setColor ] from '../../common/formatters.st';
@st-import TextButton from '../TextButton/TextButton.st.css';

/*
 * @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);

.root {
  -st-states: withIcon;
  -st-extends: TextButton;
  -st-mixin:
    setColor(--wix-ui-tpa-text-button-background-color, --wst-primary-background-color-rgb),
    setColor(--wix-ui-tpa-text-button-main-text-color, --wix-ui-tpa-share-button-text-color, var(--wix-color-5));
}

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

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

.icon {
  -st-states: disabled;
  color: createColor(--wix-ui-tpa-share-button-icon-color, var(--wst-paragraph-2-color-rgb, var(--wix-color-5)));
}

.icon:disabled {
  color: rgb(var(--wst-system-disabled-color-rgb, var(--wix-color-29)));
}

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