tharikida-ui
Version:
A modern, lightweight React UI component library with built-in theming, accessibility, and full TypeScript support. Create beautiful, responsive, and customizable web apps faster with ready-to-use components for any project.
65 lines (64 loc) • 2.15 kB
TypeScript
import { ReactNode } from "react";
interface ThemeProviderProps {
children: ReactNode;
primaryColor?: string;
secondaryColor?: string;
textColor?: string;
backgroundColor?: string;
fontSize?: number;
fontFamily?: string;
spacingfactor?: number;
borderColor?: string;
shadowColor?: string;
cornerRadius?: number;
borderWidth?: string;
borderStyle?: string;
fontWeight?: string;
lineHeight?: string;
letterSpacing?: string;
transitionDuration?: string;
padding?: string;
paddingTop?: string;
paddingRight?: string;
paddingBottom?: string;
paddingLeft?: string;
margin?: string;
marginTop?: string;
marginRight?: string;
marginBottom?: string;
marginLeft?: string;
shadowOffsetX?: string;
shadowOffsetY?: string;
shadowBlur?: string;
shadowSpread?: string;
shadowInset?: boolean;
hoverColor?: string;
}
export declare const ThemeProvider: ({ children, primaryColor, secondaryColor, textColor, backgroundColor, fontSize, fontFamily, spacingfactor, borderColor, shadowColor, cornerRadius, borderWidth, borderStyle, fontWeight, lineHeight, letterSpacing, transitionDuration, padding, paddingTop, paddingRight, paddingBottom, paddingLeft, margin, marginTop, marginRight, marginBottom, marginLeft, shadowOffsetX, shadowOffsetY, shadowBlur, shadowSpread, shadowInset, hoverColor, }: ThemeProviderProps) => import("react/jsx-runtime").JSX.Element;
export declare const useTheme: () => {
primaryColor: string;
secondaryColor: string;
hoverColor: string;
textColor: string;
backgroundColor: string;
fontSize: number;
fontFamily: string;
spacingfactor: number;
borderColor: string;
shadowColor: string;
cornerRadius: number;
borderWidth: string;
borderStyle: string;
fontWeight: string;
lineHeight: string;
letterSpacing: string;
transitionDuration: string;
padding: string;
margin: string;
shadowOffsetX: string;
shadowOffsetY: string;
shadowBlur: string;
shadowSpread: string;
shadowInset: boolean;
};
export default ThemeProvider;