OperationCode/front-end

View on GitHub
components/SuccessStory/SuccessStory.tsx

Summary

Maintainability
A
0 mins
Test Coverage
A
100%
import FlatCard from 'components/Cards/FlatCard/FlatCard';

export type SuccessStoryPropsType = {
  /**
   * Path to image used on the card.
   */
  imageSource: string;
  /**
   * String applied tot he block quote element.
   */
  quote: string;
  /**
   * String applied to the card header.
   */
  title: string;
};

function SuccessStory({ imageSource, quote, title }: SuccessStoryPropsType) {
  return (
    <FlatCard header={title} image={{ source: imageSource, alt: '' }}>
      <blockquote>{`“${quote}”`}</blockquote>
    </FlatCard>
  );
}

export default SuccessStory;