import * as React from 'react';
import { Box } from '../Flex';
import clsx from 'clsx';
export const baseClassName = 'ab-WarningBox';
export const WarningBox = (props) => {
    return (React.createElement(Box, { ...props, className: clsx('twa:p-3 twa:rounded-standard twa:bg-warn twa:text-text-on-warn', baseClassName, props.className) }));
};
