import React from 'react';
import { FiEye } from 'react-icons/fi';

interface EmptyStateProps {
  message?: string;
}

const EmptyState = ({ message }: EmptyStateProps): JSX.Element => (
  <div className="bg-white rounded-xl border border-gray-200 p-5">
    <div className="flex flex-col items-center justify-center gap-3">
      <FiEye className="w-10 h-10 text-gray-300" />
      <p className="text-sm text-gray-500">
        {message || 'No data for this period'}
      </p>
    </div>
  </div>
);

export default EmptyState;
