import { useBasic } from '@basictech/react'
import { useState } from 'react'

function App() {
  // Import db from useBasic() inside your React component
  const { db } = useBasic()

  const [items, setItems] = useState()

  // Use .get() to retrieve data from the database
  // This returns a promise, so you need to await the response
  const GetItems = async () => {
    const items = await db('tablename').get()
    setItems(items.data)
  }

  return (
    // render items
  )
}

// Use .add() to add items
db('tablename').add({ name: 'cutie' })

// Use .update() to add items. 
// Include the ID of the item you want to update, and the new value
db('tablename').update({ 
  id: 'ID_OF_ITEM',
  value: { name: 'super cute' }
})

// Use .delete() to delete items
// Include the ID of the item you want to delete
db('tablename').delete('ID_OF_ITEM')