export type CssNode<T extends CssProperties> = T & {
  selector?: Record<string, CssNode<T>>
}

import { CssNode } from 'macoolka-css-rule'
type P = { color1?: string }
type P1 = { color?: string; margin?: number }

export const c: CssNode<Input<P, P1>> = {
  color1: 'red',
  selector: {
    ':focus': {
      color1: '1'
    },
    ':focus:active': {
      margin: 5
    },
    ':focus:disable': {
      margin: 5
    },
    ':focus:active:disable': {
      color1: 'blue'
    },
    ':disable': {
      color1: 'yellow',
      margin: 7
    }
  }
}

export type CssThemeNode<P extends CssProperties, T extends CssTheme> = CssNode<P> & { theme?: T }

export type Input<I extends CssProperties, O extends CssProperties> = O & I

export const cssNodeToNode = <T extends CssProperties>(a: CssNode<T>): Node<T> => ...

export const cssThemeNodeToThemeNode = <P extends CssProperties, T extends CssTheme>(a: CssThemeNode<P, T>): ThemeNode<P, T> => ...

export const themeNodeToCssThemeNode = <O extends CssProperties, T extends CssTheme>
    (input: ThemeNode<O, T>): CssThemeNode<O, T> => ...

typeof map

typeof mapWithIndex

FunctorWithIndex1<"Record", string> & Foldable1<"Record"> & TraversableWithIndex1<"Record", string> & Compactable1<"Record"> & FilterableWithIndex1<"Record", string> & Witherable1<"Record"> & FoldableWithIndex1<"Record", string>

;<A, B>(b: B, f: (b: B, a: A) => B) => (fa: Record<string, A>) => B

;<A, B>(b: B, f: (a: A, b: B) => B) => (fa: Record<string, A>) => B

typeof reduceRightWithIndex

typeof reduceWithIndex