import React from 'react';

interface StatusBoxProps extends React.HTMLAttributes<HTMLDivElement> {
  title?: string;
}

const StatusBox = ({ title, ...props }: StatusBoxProps) => {
  const className = { ...props };

  return (
    <div
      className={`mb-0 p-sm-3 p-2 rounded-pill fs-sm-10 ${className}`}
      {...props}
    >
      {title}
    </div>
  );
};

export default StatusBox;