import React from 'react';
import classNames from 'classnames';

import Style from 'style/components/DataTable/DataTableEmptyStatus.module.scss';

/**
 * Datatable empty status.
 */
export default function EmptyStatus({ title, description, action, children }) {
  return (
    <div className={classNames(Style.root)}>
      <h1 className={classNames(Style.root_title)}>{title}</h1>
      <div className={classNames(Style.root_desc)}>{description}</div>
      <div className={classNames(Style.root_actions)}>{action}</div>
      {children}
    </div>
  );
}