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