import { useRecoilValue } from 'recoil'
import { canvasState } from '@/store/canvasAtom'

export function useObject() {
  const canvas = useRecoilValue(canvasState)

  const deleteObject = (obj) => {
    canvas
      ?.getObjects()
      .filter((item) => item.parent === obj || item.parentId === obj.id)
      .forEach((item) => {
        canvas.remove(item)
      })
  }
  return { deleteObject }
}