Icons

1import type { LucideIcon } from "lucide-react-native";
2import Svg from "react-native-svg";
3import { withUniwind } from "uniwind";
4import { cn } from "@/lib/utils";
5 
6const styledSvgOptionMapping = {
7  height: {
8    fromClassName: "className",
9    styleProperty: "height",
10  },
11  style: {
12    fromClassName: "className",
13  },
14  width: {
15    fromClassName: "className",
16    styleProperty: "width",
17  },
18} as const;
19 
20export const StyledSvg = withUniwind(Svg, styledSvgOptionMapping);
21 
22export const createStyledIcon = (Icon: LucideIcon): LucideIcon => {
23  const UniwindIcon = withUniwind(Icon, styledSvgOptionMapping);
24 
25  const StyledIcon = ({
26    className,
27    ...props
28  }: React.ComponentProps<typeof UniwindIcon>) => {
29    return (
30      <UniwindIcon
31        className={cn("size-6 text-foreground", className)}
32        {...props}
33      />
34    );
35  };
36 
37  return StyledIcon as LucideIcon;
38};