reprali-ui/src/Button.js

<p align="center"> <a href="https://reprali-ui.vercel.app" target="_blank"><img width="300" src="https://reprali-ui.vercel.app/logo.png" alt="RePrali UI"></a> </p>

import * as React from 'react';
import PropTypes from 'prop-types';
import clsx from 'clsx';
import UseTheme from './UseTheme';

function Button({children, className}, props){
  //const [s, set] =useState()
  //const theme=UseTheme()
  //const theme = React.useContext(ThemeContext);
  //console.log(theme)  
  className=clsx(className, 'foo', true && 'bar', 'baz');
  return(
    <button className={className} {...props}>{children}</button>
  )
}

Button.propTypes = {
  count: PropTypes.number,
  className: PropTypes.string
};

Button.defaultProps = {
  count: 1,
  className: ''
};

export default Button