📌 Button Component – Design System

Komponen ButtonVariant dan CardVariant adalah bagian dari Design System yang dibuat dengan React + styled-components, menggunakan token global dari theme.js.

🚀 Instalasi

Pastikan Anda sudah menginstal styled-components:

npm i styled-sony

## Cara Penggunaan Button
import {ButtonVariant} from 'styled-sony';

function App() {
  return (
    <div>
      <ButtonVariant variant="primary">Primary</ButtonVariant>
      <ButtonVariant variant="secondary">Secondary</ButtonVariant>
      <ButtonVariant variant="warning">Warning</ButtonVariant>
      <ButtonVariant variant="animasi">Animasi</ButtonVariant>
    </div>
  );
}

export default App;

---
## Cara Penggunaan Card dengan Variant
import {CardVariant} from 'styled-sony';

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

export default App;