vhc-portal

 import { View,ScrollView } from "react-native";

import React from "react";

import Button from "@/components/button";

import useToast from "@/components/toast";

import Text from "@/components/text";

import Status from "@/components/status";

import PolicyInfoWrapper from "@/components/PolicyInfoWrapper";

import HealthCard from "@/components/HealthCard";

const policyData = {

policyName: "Employee insurance policy name extend",

covers: "Hospitalisation only",

membersCovered: "Self + Spouse + 2 children",

sumInsured: "Available ₹50,000 of 4,50,000",

joiningDate: "20/11/2024",

expiryDate: "12/01/2025",

};

import { Alert } from "react-native";

import InsuranceSummary from "@/components/InsuranceSummary";

import { dark } from "@ebh/capsule/theme";

import Chip from "@/components/chip";

import { useState } from "react";

const HomePage = () => {

const toast = useToast();

const [active, setActive] = useState(0);

return (

<View style={{ flex: 1 }}>

<ScrollView contentContainerStyle={{ padding: 20 }}>

<View>

{/* <Text color="secondary">dfjhdjfhdk</Text> */}

{/* <Text variant="header-1">HomePage</Text> */}

{/* "primary" | "secondary" | "tertiary"

| "success" | "error" | "caution" | "gray" | "accent" | "info"; */}

<Status variant="primary" theme="light">hello1goodmorning</Status>

<Status variant="secondary" theme="light">hello goodmorning</Status>

<Status variant="tertiary" theme="light">hello goodmorning</Status>

<Status variant="success" theme="light">hello goodmorning</Status>

<Status variant="error" theme="light">hello goodmorning</Status>

<Status variant="caution" theme="light">hello goodmorning</Status>

<Status variant="gray" theme="light">hello goodmorning</Status>

<Status variant="accent" theme="light">hello goodmorning</Status>

<Status variant="info" theme="light">hello goodmorning</Status>

{/* //theme rounded varient */}

<Status variant="success" theme="light">hello goodmorning</Status>

<Status variant="success" rounded={true} theme="dark">hello goodmorning</Status>

<Status variant="error" rounded={true} theme="dark">hello goodmorning</Status>

<Status variant="caution" rounded={true} theme="dark">hello goodmorning</Status>

{/*end of added rounded in react native */}

<Button

title="Hello Native"

onPress={() => {

toast("working fine!", "error");

}}

/>

<PolicyInfoWrapper data={policyData}/>

<HealthCard

memberName="ADITI SRIVASTAVA"

relationship="SELF"

healthId="1100000431-ABC"

onPress={() => Alert.alert("Health Card Clicked!")}

/>

<InsuranceSummary

totalSumInsured="₹5,00,000"

totalBalance="₹4,50,000"

details={[

{ category: "Hospitalisation", amount: "₹5,00,000" },

{ category: "OPD", amount: "₹1,00,000" },

]}/>

</View>

<View>

<Chip active={true} >Radhe</Chip>

<Chip active={false} >Radhe</Chip>

</View>

</ScrollView>

</View>

);

};

// const styles = StyleSheet.create({

// buttonContainer: {

// ...(Platform.OS === 'web' ? { width: 'auto', alignSelf: 'flex-start' } : {})

// }

// });

export default HomePage;