import { Card, Col, Container, Row } from 'react-bootstrap' import { Head, router, usePage } from '@inertiajs/react'; import Layout from '../../../Layouts'; // import { SearchTable } from './ReactTable'; import ContratoCardsView from './ContratoCardsView'; import React, { useState } from 'react'; import { Contrato } from './Interfaces/Interfaces'; import { PageProps as InertiaPageProps } from '@inertiajs/core'; interface PaginationData { current_page: number; last_page: number; per_page: number; total: number; from?: number; to?: number; } type PageProps = InertiaPageProps & { contratos: Contrato[]; pagination: PaginationData; }; const ReactTable = () => { const { contratos, pagination } = usePage().props; console.log(contratos); return (

Búsqueda ({pagination.total} contratos)

) } ReactTable.layout = (page:any) => export default ReactTable;