@abdalla-1/swisco
Version:
Swiscare Components Kit
62 lines (61 loc) • 1.32 kB
JavaScript
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.js.map