Function SelectionComponent

packages/editor/src/components/selection.tsx:15–37

()

interface SelectionProps {}

const SelectionComponent: React.FC<SelectionProps> = () => {
  const selection = useSelectionDrawingSelection()
  const rects = useSelectionDrawingRects()
  const enabled = useSelectionDrawingEnabled()
  const style = useSelectionDrawingStyle()
  const [focused] = useFocused()
  if (!enabled || !selection || Range.isCollapsed(selection)) return null

  return (
    <>
      {rects.map((rect, index) => {
        return (
          <ShadowBlock
            key={`sel-${index}`}
            rect={Object.assign({}, rect.toJSON(), {
              color: isTouchDevice || focused ? style.focusColor : style.blurColor,
            })}
          />
        )
      })}
    </>
  )
}

export { SelectionComponent }