import React from 'react';
import { IconNo } from '~/components/Icon';
import { MediaLockup } from '~/components/MediaLockup';
import { classNameForColor } from '~/styles/classNameForColor';
import { tokens } from '~/tokens';
export function InlineError({ children, 'data-tag': dataTag, id, size = 'sm' }) {
    return (<MediaLockup id={`${id}-error`} data-tag={dataTag} variant="body" size={size} leadingMedia={{ type: 'icon', component: IconNo }} className={classNameForColor({ color: tokens.global.critical.surface.default })}>
      {children}
    </MediaLockup>);
}
//# sourceMappingURL=index.jsx.map