import * as React from 'react';
import { Box, Flex } from '../Flex';
import clsx from 'clsx';
const baseClassName = 'ab-EmptyContent';
const EmptyContent = ({ children, className, style, ...flexProps }) => {
    if (typeof children === 'string') {
        children = React.createElement("p", null, children);
    }
    return (React.createElement(Box, { className: `${baseClassName}__wrapper twa:flex-1 twa:relative twa:size-full` },
        React.createElement(Flex, { alignItems: "center", justifyContent: "center", flexDirection: "column", ...flexProps, className: clsx('twa:absolute twa:inset-0 twa:text-3 twa:text-center twa:p-4', 'twa:[&_p]:text-primary-foreground', baseClassName, className), style: style }, children)));
};
export default EmptyContent;
