dental-plaque-chart
Version:
A basic implementation of a dental plaque chart, using React and Tailwind.
20 lines (19 loc) • 815 B
TypeScript
import { DentalPiece } from '../models/DentalPiece';
import { CSSProperties } from 'react';
type ToothProps = {
pieceModel: DentalPiece;
onClickSurface?: (surface: Surface, mark: boolean) => void;
onDiscardPiece?: (id: string) => void;
disabled?: boolean;
size?: CSSProperties['width'];
};
type Surface = 'front' | 'back' | 'left' | 'right';
declare const Tooth: ({ pieceModel, size, onClickSurface, onDiscardPiece, disabled }: ToothProps) => import("react/jsx-runtime").JSX.Element;
type SurfaceProps = {
isMarked: boolean;
surface: Surface;
onClickSurface?: (surface: Surface, mark: boolean) => void;
disabled?: boolean;
};
declare const Surface: ({ isMarked, surface, onClickSurface, disabled }: SurfaceProps) => import("react/jsx-runtime").JSX.Element;
export default Tooth;