import { a } from './chunk-TWGPE4V7.js';
import { token } from '@onbeam/styled-system/tokens';
import { css, cx } from '@onbeam/styled-system/css';
import { jsx } from 'react/jsx-runtime';

var n={xs:css({textStyle:"xs"}),sm:css({textStyle:"sm"}),base:css({textStyle:"base"}),md:css({textStyle:"md"}),lg:css({textStyle:"lg"}),xl:css({textStyle:"xl"}),caption:css({textStyle:"caption"}),header:css({textStyle:"header"}),marquee:css({textStyle:"marquee"}),code:css({textStyle:"code"})},x=a(({as:s="p",color:t,className:l,textStyle:o,...p},y)=>jsx(s,{ref:y,className:cx(o&&n[o],l),style:t?{color:token.var(`colors.${t}`,String(t).slice(1,-1))}:void 0,...p}));x.displayName="Text";

export { x as a };
//# sourceMappingURL=out.js.map
//# sourceMappingURL=chunk-2WP2JNYA.js.map