import styled from "styled-components";
import { currentTheme } from "../../theme";
import { applyAlpha } from "../../util";
const defaultTheme = currentTheme.statusTag;
const primaryColor = currentTheme.colors.primary;
const defaultBackgroundColor = applyAlpha(currentTheme.colors.primary, defaultTheme?.backgroundOpacity);
export const StatusTag = styled.div(({ backgroundColor = defaultBackgroundColor, textColor = primaryColor, theme, }) => `
    display: inline-block;
    box-sizing: border-box;
    border-radius: ${theme?.borderRadius ?? defaultTheme?.borderRadius};
    background-color: ${backgroundColor};
    padding: ${theme?.padding ?? defaultTheme?.padding};
    font-size: ${theme?.textFontSize ?? defaultTheme?.textFontSize};
    font-family: ${theme?.textFontFamily ?? defaultTheme?.textFontFamily};
    line-height: ${theme?.textLineHeight ?? defaultTheme?.textLineHeight};
    text-align: center;
    color: ${textColor};
  `);
//# sourceMappingURL=index.js.map