Create custom information button component

This commit is contained in:
RadoslavDimchev 2023-07-21 15:30:38 +03:00
parent 28ea50ce27
commit 6b85205ec2
2 changed files with 23 additions and 0 deletions

View File

@ -0,0 +1,22 @@
import { Image, Paragraph, XStack } from "tamagui";
const InformationBox = ({ icon, text }) => {
return (
<XStack
style={{
border: "2px solid #E7EAEE",
borderRadius: "12px",
padding: "11px 16px",
gap: "8px",
width: "632px",
}}
>
<Image source={{ uri: icon }} width={12} height={12} />
<Paragraph color={"#647084"} style={{ margin: 0, padding: 0 }}>
{text}
</Paragraph>
</XStack>
);
};
export { InformationBox };

View File

@ -0,0 +1 @@
export { InformationBox } from "./InformationBox";