📌 Button Component – Design System

Komponen Button adalah bagian dari Design System yang dibuat dengan React + styled-components, menggunakan token global dari theme.js.
Komponen ini mendukung berbagai varian warna (primary, secondary, success, warning, danger, info, light, dark, link) sesuai kebutuhan UI.

🚀 Instalasi

Pastikan Anda sudah menginstal styled-components:

npm i sefa-styled2

## Cara Penggunaan Button
import {Button} from 'sefa-styled2';

function App() {
  return (
    <div>
      <Button variant="primary">Primary</Button>
      <Button variant="secondary">Secondary</Button>
      <Button variant="success">Success</Button>
      <Button variant="warning">Warning</Button>
      <Button variant="danger">Danger</Button>
      <Button variant="info">Info</Button>
      <Button variant="light">Light</Button>
      <Button variant="dark">Dark</Button>
      <Button variant="link">Link</Button>
    </div>
  );
}

export default App;

---
## Cara Penggunaan Card dengan Variant
import {CardVariant} from 'sefa-styled2';

function App() {
  return (
    <div>
      <CardVariant
        title="Card Variant Animasi"
        text="Komponen ini berasal dari library lokal sony-styled2"
        image="/contoh.jpg"
        variant="animasi"
        buttonText="Selengkapnya"
      />
      <CardVariant
        title="Card Variant Default"
        text="Komponen ini berasal dari library lokal sony-styled."
        image="/contoh.jpg"
        variant="default"
        buttonText="Selengkapnya"
      />
    </div>
  );
}

export default App;