December-software-project/sort-algo

import React from 'react';
import './styles.css';

/**
 * The information which is displayed in the legend component.
 *
 * @component
 * @category Legend
 */
const LegendInformation = ({ color, description }) => {
  return (
    <div className="legend-information">
      <div className="legend-information-box-holder">
        <div className="legend-information-box-box" style={{ backgroundImage: color }} />
      </div>
      <div className="legend-information-description-holder">
        <span className="legend-information-description-text">{description}</span>
      </div>
    </div>
  );
};

export default LegendInformation;