import React from 'react';
import { RawContent } from '../../docs/utils/content';
import styles from './EmbeddedStyles.module.css';
const meta = {
    title: 'Utilities/Embedded Styles',
};
export default meta;
export const BoldBodyText = {
    render: () => {
        return (<div className={styles.embeddedBodyBoldText}>
        <RawContent />
      </div>);
    },
};
export const LightBodyText = {
    render: () => {
        return (<div className={styles.embeddedBodyLightText}>
        <RawContent />
      </div>);
    },
};
export const DisplayText = {
    render: () => {
        return (<div className={styles.embeddedDisplayText}>
        <RawContent />
      </div>);
    },
};
export const DisplayLightText = {
    render: () => {
        return (<div className={styles.embeddedDisplayLightText}>
        <RawContent />
      </div>);
    },
};
export const HeadingText = {
    render: () => {
        return (<div className={styles.embeddedHeadingText}>
        <RawContent />
      </div>);
    },
};
export const DataBodyText = {
    render: () => {
        return <div className={styles.embeddedDataBodyText}>1234 5678 9012 3456</div>;
    },
};
export const DataDisplayText = {
    render: () => {
        return <div className={styles.embeddedDataDisplayText}>1234 5678 9012 3456</div>;
    },
};
export const DataHeadingText = {
    render: () => {
        return <div className={styles.embeddedDataHeadingText}>1234 5678 9012 3456</div>;
    },
};
//# sourceMappingURL=index.story.jsx.map