Create custom information button component
This commit is contained in:
parent
28ea50ce27
commit
6b85205ec2
|
@ -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 };
|
|
@ -0,0 +1 @@
|
||||||
|
export { InformationBox } from "./InformationBox";
|
Loading…
Reference in New Issue