import clsx from 'clsx';

import { type Div } from '@/components/props';

/**
 * Wraps content in a div with a centered text.
 */
export function NoData({ className, children, ...restProps }: Div) {
  return (
    <div className={clsx('p-3 flex flex-col items-center text-center select-none w-full', className)} {...restProps}>
      {children}
    </div>
  );
}