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

// src/styles/fonts/typography/Code.tsx
import styled from "@emotion/styled";
import { jsx } from "@emotion/react/jsx-runtime";
var Code = ({ children, size = "Medium" /* Medium */ }) => {
  return /* @__PURE__ */ jsx(StyledCode, { size, children });
};
var StyledCode = styled.div`
  ${({ theme, size }) => {
  return size ? getTypographyString(theme.typography[theme.app].Code[size]) : "";
}}
`;

export {
  Code,
  StyledCode
};
