Configuración

1. En el archivo tailwind.config.ts agregar la siguiente linea:

.
.
.
/** @type {import('tailwindcss').Config} */
const config: Config = {
  content: [
    .
    .
    .
    './node_modules/@grafosoft/tooth-package/dist/**/*.{mjs,js,ts,jsx,tsx}'
  ],

2. Importa el componente en tu proyecto:

import { Odontogram, Periodontogram, SettingsProps } from '@grafosoft/tooth-package'

export default function IndexPage() {
  const initData: SettingsProps = {
    apikey: '794340c3-4956-4763-b8ab-145da3510100',
    patientId: '0',
    doctorId: '0',
    treatmentId: '0',
    companyId: '0',
    environment: 'https://lab.globho.com/api/v1/'
  }


  return (
    <>
      ... // Odontograma Diagnóstico
      <Odontogram />
      // Odontograma Procedimiento
      <Odontogram isProcedure />
      // Periodontograma
      <Periodontogram />
    </>
  )
}