import { createElement } from 'react';
import PropTypes from 'prop-types';

import './index.scss';

export default function ColorItem(porps) {
  const { color, label } = porps;
  return (
    <div className='editor-color-item'>
      <span className='color-block'>
        <span style={{ background: color }}></span>
      </span>
      <span className='color-label'>{label}</span>
    </div>
  );
}

ColorItem.propTypes = {
  color: PropTypes.string,
  label: PropTypes.string,
};