Data Grid Filter Builder

import { Datagrid019 } from "@/components/ui/vibeui-datagrid-019"

export default function Demo() {
  return <Datagrid019 {...{"caption":"Rows are filtered by the set of conditions in the builder","defaultRules":[{"id":1,"field":"region","operator":"contains","value":"Urals"},{"id":2,"field":"overdue","operator":"gt","value":"10"}],"legendText":"Filter conditions","fieldText":{"name":"Name","region":"Region","revenue":"Revenue, k","overdue":"Overdue, days"},"operatorText":{"contains":"contains","equals":"equals","starts":"starts with","gt":"greater than","lt":"less than","eq":"equals"},"joinerText":{"and":"and","or":"or"},"joinerOptionText":{"and":"every condition (and)","or":"any condition (or)"},"joinerHint":"condition joiner","joinerLabel":"Joiner between the conditions","fieldLabel":"Field of condition {index}","operatorLabel":"Operator of condition {index}","valueLabel":"Value of condition {index}","removeLabel":"Remove condition {index}","addText":"+ Add a condition","summaryTemplate":"Rows matched: {count} of {total}","emptyText":"The condition set let no row through","columnText":{"name":"Counterparty","region":"Region","revenue":"Revenue, k$","overdue":"Overdue, days"},"scrollLabel":"Counterparty table, scrolls sideways","rows":[{"id":"a1","name":"Kama Guild","region":"Volga","revenue":12400,"overdue":0},{"id":"a2","name":"Northern Port","region":"North-West","revenue":30100,"overdue":12},{"id":"a3","name":"Grand Service","region":"Central","revenue":4300,"overdue":41},{"id":"a4","name":"Mostovik","region":"Urals","revenue":18700,"overdue":3},{"id":"a5","name":"Yuvenko Logistics","region":"Central","revenue":8600,"overdue":0},{"id":"a6","name":"Delta Build","region":"Urals","revenue":26500,"overdue":27}]}} />
}