
import styles from './Legend.module.css'

export const Legend=(className,...props)=>{
    return(
<ul className={`${styles.legend} ${className}`}{...props}>
<li><span className={`${styles.dot} ${styles.selected}`}></span>Selected</li>
      <li><span className={`${styles.dot} ${styles.reserved}`}></span>Reserved</li>
      <li><span className={`${styles.dot} ${styles.available}`}></span>Available</li>
  
</ul>
    );
};