mg-library 1.0.658 → 1.0.660

package/blocks.js

@@ -559,24 +559,6 @@ export function MGCameraPreview(props) {
     )
 }
 
-export function MGButton(props) {
-    return (
-        <>
-            <NBButton py={4} colorScheme='primary'
-                leftIcon={
-                    <NBIcon as={MaterialCommunityIcons} name={props.icon} size='lg' color='white' />
-                }
-                onPress={props.callback}>
-                {!mgFunctionsLib.isEmpty(props.title) &&
-                    <MGText category="p1" color="white">
-                        {props.title}
-                    </MGText>
-                }
-            </NBButton>
-        </>
-    )
-}
-
 export function MGPopover(props) {
     const [visible, setVisible] = useState(false);
     const footer = (

package/components.js

@@ -1,4 +1,6 @@
-import { Box, Text } from '@gluestack-ui/themed';
+import { Box, Text, Button, ButtonText, ButtonIcon, Icon } from '@gluestack-ui/themed';
+import MaterialCommunityIcons from 'react-native-vector-icons/MaterialCommunityIcons';
+
 import { MGDivider } from './blocks.js';
 
 const categoryMap = {
@@ -57,22 +59,65 @@ export function MGCard({ children, header = null, footer = null, style = {}, ...
     );
 }
 
-/* export function MGCard({ children, header = null, footer = null, style = {}, ...props }) {
+export function MGButton({
+    title,
+    icon,
+    callback,
+    variant = 'solid',
+    action = 'primary',
+    ...props
+}) {
+    const isSolid = variant === 'solid' || variant === 'filled';
+    const textColor = isSolid ? '$white' : `$${action}600`;
+    const iconColor = textColor;
+    const gsVariant = variant === 'ghost' ? 'link' : variant; // ajustá si querés
+    const buttonProps = { action, variant: gsVariant };
     return (
-        <Box borderWidth={1} borderRadius="md" borderColor="white" bg="white" shadow={2} overflow="hidden" mb={4} mx={2} style={style} {...props}>
-            {header && (
-                <>
-                    <Box p={4}>{header}</Box>
-                    <MGDivider />
-                </>
-            )}
-            <Box p={4}>{children}</Box>
-            {footer && (
-                <>
-                    <MGDivider />
-                    <Box p={4}>{footer}</Box>
-                </>
-            )}
-        </Box>
+        <Button
+            {...buttonProps}
+            onPress={callback}
+            py="$4"
+            {...props}
+        >
+            {icon ? (
+                <ButtonIcon
+                    as={Icon}
+                    asIcon={MaterialCommunityIcons}
+                    name={icon}
+                    mr="$2"
+                    color={iconColor}
+                />
+            ) : null}
+
+            {title ? (
+                <ButtonText
+                    color={textColor}
+                    size="md"
+                    fontWeight="$semibold"
+                    textTransform="none"
+                    numberOfLines={1}
+                >
+                    {title}
+                </ButtonText>
+            ) : null}
+        </Button>
     );
- */
+}
+
+/* export function MGButton(props) {
+    return (
+        <>
+            <NBButton py={4} colorScheme='primary'
+                leftIcon={
+                    <NBIcon as={MaterialCommunityIcons} name={props.icon} size='lg' color='white' />
+                }
+                onPress={props.callback}>
+                {!mgFunctionsLib.isEmpty(props.title) &&
+                    <MGText category="p1" color="white">
+                        {props.title}
+                    </MGText>
+                }
+            </NBButton>
+        </>
+    )
+} */

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "mg-library",
-    "version": "1.0.658",
+    "version": "1.0.660",
     "description": "",
     "main": "index.js",
     "scripts": {