: 'counter',
        title: 'Interactive Counter',
        description: 'Counter with increment/decrement buttons',
        code: `// Interactive Counter Example
const Counter = (props, context) => {
  const { getState, setState } = context;
  
  return {
    render: () => ({
      div: {
        className: 'counter-container',
        style: { 
          textAlign: 'center', 
          padding: '40px',
          fontFamily: 'Arial, sans-serif'
        },
        children: [
          {
            h2: {
  