qasir_ui_react_provider_setup_with_button_component.ts

1import * as React from 'react';
2import { QasirProvider, Button } from 'qasir-ui';
3
4const App: React.FC = () => {
5  return (
6    <QasirProvider>
7      <div style={{ padding: '20px' }}>
8        <h1>Hello Qasir UI</h1>
9        <Button 
10          variant="primary" 
11          onClick={() => alert('Button Clicked!')}
12        >
13          Click Me
14        </Button>
15      </div>
16    </QasirProvider>
17  );
18};
19
20export default App;