19 lines
459 B
JavaScript
19 lines
459 B
JavaScript
|
import React from "react";
|
||
|
|
import { Flex } from "theme-ui";
|
||
|
|
|
||
|
|
import ColorControl from "./ColorControl";
|
||
|
|
|
||
|
|
function PointerToolSettings({ settings, onSettingChange }) {
|
||
|
|
return (
|
||
|
|
<Flex sx={{ alignItems: "center" }}>
|
||
|
|
<ColorControl
|
||
|
|
color={settings.color}
|
||
|
|
onColorChange={(color) => onSettingChange({ color })}
|
||
|
|
exclude={["black", "darkGray", "lightGray", "white"]}
|
||
|
|
/>
|
||
|
|
</Flex>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
export default PointerToolSettings;
|