import { Button } from '@Crystal-Code-Labs/ccl-ui-components-react';

export function App() {
  return (
    <main style={{ padding: '2rem', fontFamily: 'system-ui, sans-serif' }}>
      <h1 style={{ marginTop: 0 }}>react-demo</h1>
      <p>
        This app depends on the library via <code>file:../../dist/npm</code>, same pattern as{' '}
        <code>examples/angular-demo</code> using <code>file:../../dist/ccl-ui-components</code>.
      </p>
      <p>
        From the <code>ccl-ui-components-react</code> repo root run <code>npm run build:lib</code>, then here run{' '}
        <code>npm install</code> and <code>npm run dev</code>.
      </p>
      <Button type="button" variant="primary">
        Button from library
      </Button>
    </main>
  );
}