@abdalla-1/swisco/dist/esm/components/primitives/Button/Button.native.js

Swiscare Components Kit

import { jsx as _jsx } from "react/jsx-runtime";
import "react";
import { Button as TamaguiButton, styled } from "tamagui";
var StyledButton = styled(TamaguiButton, {
    backgroundColor: "$primary",
    color: "white",
    borderRadius: "$regular",
    paddingHorizontal: "$4",
    paddingVertical: "$2",
    fontSize: 16,
    fontWeight: "600",
    variants: {
      variant: {
        primary: {
          backgroundColor: "$primary",
          color: "white"
        },
        secondary: {
          backgroundColor: "$secondary",
          color: "white"
        },
        outline: {
          backgroundColor: "transparent",
          color: "$primary",
          borderWidth: 1,
          borderColor: "$primary"
        }
      },
      size: {
        small: {
          paddingHorizontal: "$2",
          paddingVertical: "$1",
          fontSize: 14
        },
        medium: {
          paddingHorizontal: "$4",
          paddingVertical: "$2",
          fontSize: 16
        },
        large: {
          paddingHorizontal: "$6",
          paddingVertical: "$3",
          fontSize: 18
        }
      }
    },
    defaultVariants: {
      variant: "primary",
      size: "medium"
    }
  }),
  Button = function (param) {
    var {
      children,
      ...props
    } = param;
    return /* @__PURE__ */_jsx(StyledButton, {
      ...props,
      children
    });
  };
export { Button };
//# sourceMappingURL=Button.native.js.map