@25sprout/react-starter/template/src/components/atoms/ToggleButton/component.js

25sprout web starter with React

import React from 'react';

import style from './index.css';

const ToggleButton = ({
	toggle, handleClick, closeTitle = 'Close', openTitle = 'Open',
}) => (
	<button className={toggle ? style.button : style.buttonReverse} onClick={handleClick}>
		{toggle ? closeTitle : openTitle}
	</button>
);

export default ToggleButton;