import { TextStyle, ViewStyle } from 'react-native'; import { ColorValue } from './functions/color'; import { BorderValue } from './mixins/border'; import { DirValue } from './mixins/dir'; import { FontValue } from './mixins/font'; import { FrameValue } from './mixins/frame'; import { ItemsValue } from './mixins/items'; import { JustifyValue } from './mixins/justify'; import { MarginValue } from './mixins/margin'; import { PaddingValue } from './mixins/padding'; import { PositionValue } from './mixins/position'; import { RoundedValue } from './mixins/rounded'; import { TextAlignValue } from './mixins/textAlign'; import { TrackingValue } from './mixins/tracking'; import { WrapValue } from './mixins/wrap'; import { StyleContextValue } from './style-context'; import { ThemeContextValue } from './theme-context'; export interface Sx { aspect?: number; bg?: ColorValue; border?: BorderValue; color?: ColorValue; dir?: DirValue; flex?: number; font?: FontValue; frame?: FrameValue; grow?: boolean; hidden?: boolean; items?: ItemsValue; justify?: JustifyValue; margin?: MarginValue; opacity?: number; overflow?: 'hidden' | 'scroll' | 'visible'; padding?: PaddingValue; position?: PositionValue; rounded?: RoundedValue; shrink?: boolean; textAlign?: TextAlignValue; textTransform?: 'none' | 'uppercase' | 'lowercase' | 'capitalize'; tracking?: TrackingValue; underline?: boolean; wrap?: WrapValue; z?: number; } export declare function makeStyles(value: Sx, context: StyleContextValue, theme: ThemeContextValue): ViewStyle | TextStyle; export declare function sx(context: StyleContextValue, theme: ThemeContextValue): { (value: Sx): ViewStyle | TextStyle; context: Readonly; theme: Readonly>>; }; export declare function useSx(): { (value: Sx): ViewStyle | TextStyle; context: Readonly; theme: Readonly>>; }; //# sourceMappingURL=sx.d.ts.map