grungnet/src/components/Tokens.js

33 lines
587 B
JavaScript
Raw Normal View History

import React from "react";
2020-03-19 06:40:29 -04:00
import { Flex, Image } from "theme-ui";
import * as tokens from "../tokens";
// import Token from "./Token";
function Tokens() {
2020-03-19 06:40:29 -04:00
return (
<Flex
bg="background"
sx={{
width: "80px",
minWidth: "80px",
flexDirection: "column",
overflow: "auto"
}}
px={2}
>
{Object.entries(tokens).map(([id, image]) => (
<Image
p={2}
key={id}
src={image}
sx={{ width: "64px", height: "64px" }}
/>
))}
</Flex>
);
}
export default Tokens;