@st-namespace 'TabbedContent-st-css';
@st-import [ setColor, setFont ] from "../../common/formatters.st";

/*
 * Text color
 * @type color
 */
@property st-global(--wix-ui-tpa-tabbed-content-main-text-color);

/*
 * Text font
 * @type font
 */
@property st-global(--wix-ui-tpa-tabbed-content-main-text-font);

/*
 * Selected indicator color
 * @type color
 */
@property st-global(--wix-ui-tpa-tabbed-content-selected-tab-indicator-color);

/*
 * Indicator color
 * @type color
 */
@property st-global(--wix-ui-tpa-tabbed-content-indicator-color);

.root {
  -st-mixin:
    setColor(--wix-ui-tpa-tabs-main-text-color, --wix-ui-tpa-tabbed-content-main-text-color),
    setFont(--wix-ui-tpa-tabs-main-text-font, --wix-ui-tpa-tabbed-content-main-text-font),
    setColor(--wix-ui-tpa-tabs-selected-tab-indicator-color, --wix-ui-tpa-tabbed-content-selected-tab-indicator-color),
    setColor(--wix-ui-tpa-tabs-indicator-color, --wix-ui-tpa-tabbed-content-indicator-color);
}

.componentWrapper {
  display: flex;
  flex-direction: column;
}

.contentWrapper {
  width: 100%;
}

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