PatientCard

import { PatientCard } from "@ovok/native";
import * as React from "react";
import { Text } from "react-native-paper";

const patient = {
  resourceType: "Patient",
  name: [{ given: ["John"], family: "Doe" }],
  gender: "male" as const,
  birthDate: "1990-01-01",
  address: [
    {
      line: ["123 Main St"],
      city: "Anytown",
      state: "CA",
      postalCode: "12345",
    },
  ],
  telecom: [{ system: "email", value: "john.doe@example.com" }],
  photo: [{ url: "https://example.com/photo.jpg" }],
  identifier: [
    { system: "https://example.com/identifier", value: "1234567890" },
  ],
  active: true,
};

const TermsScreen = () => {
  const handlePress = () => {
    console.log("Patient card pressed");
  };

  return (
    <PatientCard onPress={handlePress}>
      <PatientCard.Name name={patient.name} />
      <PatientCard.Gender gender={patient.gender} />
      <PatientCard.BirthDate>
        <PatientCard.BirthDate.Icon />
        <PatientCard.BirthDate.Text
          birthDate={patient.birthDate}
          variant="both"
        />
      </PatientCard.BirthDate>

      <PatientCard.Meta>
        <Text>Any kind of data 1</Text>
        <Text>Any kind of data 2</Text>
        <Text>Any kind of data 3</Text>
      </PatientCard.Meta>
    </PatientCard>
  );
};

export default TermsScreen;