import React from 'react';
import {
  Container,
  ImageCircle,
  ImageRow,
  Row,
  StaticText,
} from '../modalstyle';
import { CustomRating } from '@bjsdistribution/dms-component-library';

interface FeedbackItemProps {
  icon: React.ComponentType;
  question: string;
}

const FeedbackItem: React.FC<FeedbackItemProps> = ({
  icon: Icon,
  question,
}) => (
  <Row>
    <Container>
      <ImageRow>
        <ImageCircle>
          <Icon />
        </ImageCircle>
        <StaticText>{question}</StaticText>
      </ImageRow>
      <CustomRating showText={true} />
    </Container>
  </Row>
);

export default FeedbackItem;
