pico-design/components/button/index.js

A minimal, modern, and flexible design system for creators, designers, and developers. Built to streamline UI development with well-structured, accessible, and scalable components. Designed for React, with future support for other frameworks.

import React from "react";
import styles from "./Button.module.scss"; // Import styles

const Button = ({ children, onClick, variant = "primary" }) => {
  const buttonClass = `${styles.btn} ${styles[`btn-${variant}`] }`;

  return (
    <button className={buttonClass} onClick={onClick}>
      {children}
    </button>
  );
};

export default Button;