yaak/src-web/components/EmptyStateText.tsx

import classNames from 'classnames';
import type { ReactNode } from 'react';
import React from 'react';

interface Props {
  children: ReactNode;
  className?: string;
}

export function EmptyStateText({ children, className }: Props) {
  return (
    <div
      className={classNames(
        className,
        'rounded-lg border border-dashed border-background-highlight',
        'h-full py-2 text-fg-subtler flex items-center justify-center italic',
      )}
    >
      {children}
    </div>
  );
}