import { IconInfoCircle } from '@material-hu/icons/tabler';

import HuStateCard from '@material-hu/components/composed-components/StateCard';
import { type AvatarProps as HuAvatarProps } from '@material-hu/components/design-system/Avatar/types';

export type NoReviewTextProps = {
  title: string;
  description?: string;
};

const NoReviewText = ({ title, description }: NoReviewTextProps) => {
  return (
    <HuStateCard
      sx={{ py: 3, width: '100%' }}
      slotProps={{
        title: {
          title,
          description,
        },
        avatar: {
          Icon: IconInfoCircle as HuAvatarProps['Icon'],
          size: 'large',
          color: 'primary',
        },
      }}
    />
  );
};

export default NoReviewText;
