JoshK2

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import List from '@bit/semantic-org.semantic-ui-react.list';
import uniqueId from '@bit/lodash.lodash.unique-id';
import SemanticUiStyle from '@bit/semantic-org.semantic-ui-react.internal.style-links';

import TodoItem from '../TodoItem';
import AddItem from '../AddItem';

const containerStyle = {

JoshK2

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import Icon from '@bit/semantic-org.semantic-ui-react.icon';

/** 
 * @description Item inside the list, with remove icon. 
 * @example
 * <TodoItem 
 *  text='Todo Item text example'
 *  index='1' 

JoshK2

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { InputTextarea } from '@bit/primefaces.primereact.inputtextarea';
import { Button as GrommetButton } from '@bit/grommet.grommet.button';
import { Button as PrimeButton } from '@bit/primefaces.primereact.button';
import { Add } from '@bit/grommet.grommet-icons.add';
import PrimereactStyle from '@bit/primefaces.primereact.internal.stylelinks';

/** 
 * @description AddItem is two buttons and textarea to write a new item, one button to add item and another one to remove all items.