import { type CSSProperties } from 'react';

import MotionIcon from '../MotionIcon';

import animationData from './crossed-out-eyes.json';

type Props = {
  loop?: boolean;
  autoplay?: boolean;
  style?: CSSProperties;
  color?: string;
  onComplete?: () => void;
};

const CrossedOutEyes = ({
  loop,
  autoplay,
  style,
  color,
  onComplete,
}: Props) => (
  <MotionIcon
    animationData={animationData}
    loop={loop}
    autoplay={autoplay}
    style={style}
    color={color}
    onComplete={onComplete}
  />
);

export default CrossedOutEyes;
