UniversalReact NativeType-safeStandardComposablePerformantLightSelf-describing styles
for modern interfaces

import { style } from './zyzz.config.js'

export function Example() {
  return <button {...styles.button()}>Get started</button>
}

namespace styles {
  export const button = style({
    backgroundColor: 'brand',
    borderRadius: '8px',
    color: 'white',
    paddingBlock: 'sm',
    paddingInline: 'md',
  })
}

import { Config } from 'zyzz'

export const { style } = Config.create({
  vars: {
    color: {
      brand: '#0072f5',
      white: '#fff',
    },
    spacing: {
      sm: '8px',
      md: '16px',
    },
  },
})