24 lines
427 B
TypeScript
24 lines
427 B
TypeScript
|
import { useSelector } from "state"
|
||
|
|
import styled from "styles"
|
||
|
|
|
||
|
|
export default function Brush() {
|
||
|
|
const brush = useSelector(({ data }) => data.brush)
|
||
|
|
|
||
|
|
if (!brush) return null
|
||
|
|
|
||
|
|
return (
|
||
|
|
<BrushRect
|
||
|
|
x={brush.minX}
|
||
|
|
y={brush.minY}
|
||
|
|
width={brush.width}
|
||
|
|
height={brush.height}
|
||
|
|
className="brush"
|
||
|
|
/>
|
||
|
|
)
|
||
|
|
}
|
||
|
|
|
||
|
|
const BrushRect = styled("rect", {
|
||
|
|
fill: "$brushFill",
|
||
|
|
stroke: "$brushStroke",
|
||
|
|
})
|