@acrsolutions/chat-components
Version:
Un set di componenti per la creazione di un'applicazione di messaggistica
29 lines (28 loc) • 1.31 kB
JavaScript
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import ExpandLessIcon from '@mui/icons-material/ExpandLess';
import ExpandMoreIcon from '@mui/icons-material/ExpandMore';
import { Button, Typography } from '@mui/material';
import { Composition } from 'atomic-layout';
/**
* Questo componente permette la navigazione tra le occorrenze.
* Tutti i parametri richiesti possono essere derivati dall'hook useScrollToResearch.
*/
export function ResearchNavigationElement({
/**
* la funzione che permette di andare alla prossima occorrenza.
*/
goToNextRef,
/**
* la funzione che permette di andare alla precedente occorrenza.
*/
goToPrevRef,
/**
* il numero dell'occorrenza attuale.
*/
counter,
/**
* il numero totale delle occorrenze.
*/
occurrencies, }) {
return (_jsxs(Composition, { padding: '1rem', alignItems: "center", justifyContent: "center", gap: '1rem', templateCols: "auto auto auto", children: [_jsx(Button, { variant: "contained", color: "secondary", onClick: goToPrevRef, children: _jsx(ExpandLessIcon, {}) }), counter !== null && occurrencies !== null && (_jsxs(Typography, { children: [counter + 1, " / ", occurrencies, " occorrenze"] })), _jsx(Button, { variant: "contained", color: "secondary", onClick: goToNextRef, children: _jsx(ExpandMoreIcon, {}) })] }));
}