Bagasbanuna02
e16b0c2fce
Add: - [transaction]/success.tsx - [transaction]/failed.tsx Fix: - InformationBox : props type di tambah React.ReactNode - /donation/create && /donation/create-story : fix route ### No Issue
35 lines
1022 B
TypeScript
35 lines
1022 B
TypeScript
import { MainColor } from "@/constants/color-palet";
|
|
import { Ionicons } from "@expo/vector-icons";
|
|
import Grid from "../Grid/GridCustom";
|
|
import TextCustom from "../Text/TextCustom";
|
|
import BaseBox from "./BaseBox";
|
|
import React from "react";
|
|
|
|
export default function InformationBox({ text }: { text: React.ReactNode | string }) {
|
|
return (
|
|
<>
|
|
<BaseBox paddingTop={5} paddingBottom={5}>
|
|
<Grid>
|
|
<Grid.Col
|
|
span={2}
|
|
style={{ alignItems: "center", justifyContent: "center" }}
|
|
>
|
|
<Ionicons
|
|
name="information-circle-outline"
|
|
size={24}
|
|
color={MainColor.white_gray}
|
|
/>
|
|
</Grid.Col>
|
|
<Grid.Col span={10} style={{ justifyContent: "center" }}>
|
|
<TextCustom>
|
|
{text
|
|
? text
|
|
: "Lorem ipsum dolor sit amet consectetur adipisicing elit."}
|
|
</TextCustom>
|
|
</Grid.Col>
|
|
</Grid>
|
|
</BaseBox>
|
|
</>
|
|
);
|
|
}
|