Button

import { Button } from '@peppermint-design/devreadykit-custom';

export default function App() {
  return (
    <Button onClick={() => console.log('Clicked!')}>
      Click me
    </Button>
  );
}

<Button variant="border" color="primary">
  Primary Border
</Button>
<Button variant="border" color="secondary">
  Secondary Border
</Button>

<Button variant="plain" color="primary">
  Plain Primary
</Button>
<Button variant="plain" color="secondary">
  Plain Secondary
</Button>

<Button size="s">Small Button</Button>
<Button size="m">Medium Button</Button>
<Button size="l">Large Button</Button>

    import { Circle } from "@/assets/icons/circle.tsx"

    <Button icon={<Circle />}>
        Button
    </Button>

    import { Eye } from "@/assets/icons/eye.tsx";
    import { EyeHide } from "@/assets/icons/eye-hide.tsx";

    <Button icon={<Eye />} />
    <Button icon={<EyeHide />} variant="border" color="secondary" />