import * as React from "react"; import { Body, Container, Head, Heading, Html, Preview, Section, Text, Tailwind, Row, Column, Hr, } from "@react-email/components"; interface DentalAppointmentReminderProps { patientName: string; appointmentDate: string; appointmentTime: string; doctorName: string; treatmentType: string; duration: string; clinicPhone: string; clinicEmail: string; clinicAddress: string; } interface DentalAppointmentReminderComponent extends React.FC { PreviewProps?: DentalAppointmentReminderProps; } const DentalAppointmentReminder: DentalAppointmentReminderComponent = ( props: DentalAppointmentReminderProps ) => { return ( Your upcoming appointment at Dental U Care - {props.appointmentDate} {/* Header */}

Dental U Care Your Smile, Our Priority

{/* Main Content */}

Appointment Reminder Dear {props.patientName}, This is a friendly reminder about your upcoming dental appointment at Dental U Care.

{/* Appointment Details */}

Appointment Details Date: {props.appointmentDate} Time: {props.appointmentTime} Doctor: {props.doctorName} Treatment: {props.treatmentType} Duration: {props.duration}

{/* Important Notes */}

Important Reminders • Please arrive 10 minutes early for check-in • Bring a valid ID and insurance card • If you need to reschedule, please call us at least 24 hours in advance • Continue your regular oral hygiene routine before your visit

{/* Contact Information */}

Need to Make Changes? If you need to reschedule or cancel your appointment, please contact us: Phone: {props.clinicPhone} Email: {props.clinicEmail}

{/* Footer */}

); }; export default DentalAppointmentReminder;