Interactive Playground

import { useState } from 'react';

export default function App() {
	const [count, setCount] = useState(0);

	return (
		<div style={{ padding: '20px', fontFamily: 'system-ui' }}>
			<h1>Elevatics Example</h1>
			<p>Count: {count}</p>
			<button 
				onClick={() => setCount(count + 1)}
				style={{
					padding: '8px 16px',
					background: '#000',
					color: '#fff',
					border: 'none',
					borderRadius: '4px',
					cursor: 'pointer'
				}}
			>
				Increment
			</button>
		</div>
	);
}