import {
  colors
} from "./chunk-2VBDEO6M.js";
import {
  getTypographyString
} from "./chunk-E4EXM4SY.js";

// src/styles/fonts/typography/LabelModerate.tsx
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
var LabelModerate = ({
  children,
  color,
  size = "Medium" /* Medium */
}) => {
  return /* @__PURE__ */ jsx(StyledLabelModerate, { size, color, children });
};
var StyledLabelModerate = styled.label`
  color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
  ${({ theme, size }) => {
  return size ? getTypographyString(theme.typography[theme.app]["Label Moderate"][size]) : "";
}}
  cursor: inherit;

  * {
    color: ${({ theme, color }) => `${color || theme.text || colors.black}`};
    ${({ theme, size }) => {
  return size ? getTypographyString(
    theme.typography[theme.app]["Label Moderate"][size]
  ) : "";
}}
  }
`;

export {
  LabelModerate,
  StyledLabelModerate
};
