Color

1
import { ColorProvider } from "@nordaun/color";
2
 
3
export function ProviderComponent({ children }: { children: React.ReactNode }) {
4
  return (
5
    <ColorProvider
6
      cookieName="COLOR"
7
      classPrefix="color-"
8
      colors={["red", "green", "blue"]}
9
      defaultColor="red"
10
    >
11
      {children}
12
    </ColorProvider>
13
  );
14
}

1
import { useColor } from "@nordaun/color";
2
 
3
// eslint-disable-next-line react-hooks/rules-of-hooks
4
const { color, colors, setColor } = useColor();
5
console.log("Current color:", color);
6
console.log("All avialable colors:", colors);
7
setColor("red");