emoji-rating-component/components/EmojiRating.js

[//]: # (add badges) A reactjs emoji-based rating component based on [react-lottie](https://www.npmjs.com/package/react-lottie)

import * as React from 'react';
import { Component } from 'react';
import anger from './../assets/anger.json';
import bigFrown from './../assets/big_frown.json';
import SlightlyFrowning from './../assets/slightly_frowning.json';
import natural from './../assets/natural.json';
import slightlyHappy from './../assets/slightly_happy.json';
import warmSmile from './../assets/warm_smile.json';
import AnimatedEmoji from "./AnimatedEmoji";
export class EmojiRating extends Component {
    render() {
        var _a;
        const { onSelected, iconSize, scaleFactor } = this.props;
        const icons = (_a = this.props.icons) !== null && _a !== void 0 ? _a : [
            anger,
            bigFrown,
            SlightlyFrowning,
            natural,
            slightlyHappy,
            warmSmile
        ];
        return (React.createElement("div", { style: { display: 'flex', justifyContent: 'start', flexFlow: 'row' } }, icons.map((icon, index) => React.createElement(AnimatedEmoji, { selected: this.props.selected == index, lottie: icon, size: iconSize, onClick: () => {
                onSelected(index);
            } }))));
    }
}