import React, { Component } from 'react';

export class CluedInList extends Component {
    render() {
        return (
            <ul className="cluedIn_list">
                {this.props.children}
            </ul>
        );
    }
}

export class CluedInListImage extends Component {
    render() {
        const { url, name } = this.props;

        return (
            <div className="cluedIn_list_image">
                <img src={url} alt={name}/>
            </div>
        );
    }
}

export class CluedInListItem extends Component {
    render() {
        return (
            <li className="cluedIn_list_item">
                {this.props.children}
            </li>
        );
    }
}