import { twMerge } from 'tailwind-merge';

import ImageWithFallback from '@/components/image/ImageWithFallback';

type Props = Omit<
  React.ComponentProps<typeof ImageWithFallback>,
  'src' | 'alt'
>;

const VerifiedBadge: React.FC<Props> = (props) => (
  <ImageWithFallback
    src={'https://cdn-o.suno.com/verified-badge.png'}
    {...props}
    alt='Verified'
    className={twMerge('h-8 w-8', props.className)}
  />
);

export default VerifiedBadge;