Course Image

import React from 'react';
import { CourseImage } from 'seduo-ui';

const Example = () => <CourseImage src="https://dummyimage.com/260x175/9fa4a8/fff.png" alt="Card image cap" />;

export default Example;

CourseImage.propTypes = {
    src: PropTypes.string,
    alt: PropTypes.string,
    srcSet: PropTypes.string,
    sizes: PropTypes.string,
    className: PropTypes.string,
    isFinished: PropTypes.bool,
};

Course Image Finished

import React from 'react';
import { CourseImage } from 'seduo-ui';

const Example = (props) => (
    <CourseImage src="https://dummyimage.com/260x175/9fa4a8/fff.png" alt="Card image cap" isFinished />
);

export default Example;