mirror of
https://github.com/eliasstepanik/strudel.git
synced 2026-01-11 21:58:37 +00:00
21 lines
527 B
JavaScript
21 lines
527 B
JavaScript
import { colorMap } from '@strudel.cycles/core/color.mjs';
|
|
import React from 'react';
|
|
|
|
const Colors = () => {
|
|
return (
|
|
<div>
|
|
{Object.entries(colorMap).map(([name, hex]) => (
|
|
<div key={name} className="py-1">
|
|
<div className="grid gap-2 grid-cols-3">
|
|
<div>{name}</div>
|
|
<div style={{ backgroundColor: hex }}></div>
|
|
<div style={{ backgroundColor: name, color: hex }}>{name}</div>
|
|
</div>
|
|
</div>
|
|
))}
|
|
</div>
|
|
);
|
|
};
|
|
|
|
export default Colors;
|