Interactive Playground

import { Button, Card } from '@aaroh/react-ui';

export default function App() {
  return (
    <Card className="p-8 max-w-md mx-auto mt-10 text-center">
      <h2 className="text-2xl font-bold mb-4 text-foreground">Hello, Aaroh!</h2>
      <p className="text-muted mb-8">
        Edit this code on the left to see the UI update instantly on the right.
      </p>
      <div className="flex justify-center gap-4">
        <Button variant="solid" size="lg">Click Me</Button>
      </div>
    </Card>
  );
}