import { createContext, CSSProperties } from 'rax';

export interface RangeContext {
  styles: {
    track: CSSProperties;
    trackSelected: CSSProperties;
    mark: CSSProperties;
    markActive: CSSProperties;
    label: CSSProperties;
    labelActive: CSSProperties;
    thumb: CSSProperties;
    thumbActive: CSSProperties;
    tooltip: CSSProperties;
    arrow: CSSProperties;
  };
}

export default createContext<RangeContext>({
  styles: {
    track: {},
    trackSelected: {},
    mark: {},
    markActive: {},
    label: {},
    labelActive: {},
    thumb: {},
    thumbActive: {},
    tooltip: {},
    arrow: {},
  },
});