crea un boton que pueda ser utilizado en react.js

Aquí te muestro un ejemplo de cómo crear un botón en React.js utilizando JavaScript:

```javascript
// Botón.js
import React from 'react';

const Boton = ({ texto, onClick }) => {
  return (
    <button
      className="boton"
      onClick={onClick}
    >
      {texto}
    </button>
  );
};

export default Boton;
```

En este ejemplo, creamos un componente funcional llamado `Boton` que recibe dos propiedades:

- `texto`: el texto que se mostrará en el botón.
- `onClick`: la función que se ejecutará cuando se haga clic en el botón.

Luego, en el componente, creamos un botón con la clase `boton` y le asignamos el texto y el evento `onClick` mediante la propiedad `onClick`.

Para utilizar este botón en otro componente, simplemente importarlo y pasarle las propiedades necesarias:

```javascript
// App.js
import React from 'react';
import Boton from './Boton';

const App = () => {
  const handleClick = () => {
    console.log('Botón clicado');
  };

  return (
    <div>
      <Boton texto="Clic aquí" onClick={handleClick} />
    </div>
  );
};

export default App;
```

En este ejemplo, creamos un componente `App` que importa el botón y lo utiliza con un evento `onClick` que simplemente imprime un mensaje en la consola cuando se hace clic en el botón.

Recuerda que debes crear un archivo `Boton.js` y un archivo `App.js` en la misma carpeta para que esto funcione correctamente.

**Estilos**

Si deseas agregar estilos al botón, puedes crear un archivo `styles.css` y agregar la siguiente regla:

```css
.boton {
  background-color: #4CAF50;
  color: #fff;
  padding: 10px 20px;
  border: none;
  border-radius: 5px;
  cursor: pointer;
}

.boton:hover {
  background-color: #3e8e41;
}
```

Luego, en tu archivo `Boton.js`, puedes agregar la clase `boton` al botón:

```javascript
// Botón.js
import React from 'react';

const Boton = ({ texto, onClick }) => {
  return (
    <button
      className="boton"
      onClick={onClick}
    >
      {texto}
    </button>
  );
};

export default Boton;
```

De esta manera, el botón tendrá los estilos definidos en el archivo `styles.css`.