1import { colorMap } from '@strudel/draw';
2
3const Colors = () => {
4  return (
5    <div>
6      {Object.entries(colorMap).map(([name, hex]) => (
7        <div key={name} className="py-1">
8          <div className="grid gap-2 grid-cols-3">
9            <div>{name}</div>
10            <div style={{ backgroundColor: hex }}></div>
11            <div style={{ backgroundColor: name, color: hex }}>{name}</div>
12          </div>
13        </div>
14      ))}
15    </div>
16  );
17};
18
19export default Colors;