import * as React from 'react';
import { showHideButtonStyle } from './showHideButton.style';

const ShowHideButton = (props: {
	onClick: () => void;
	show: boolean;
	palette: any;
	translator?: Function;
}) => {
	return (
		<button
			type="button"
			onClick={props.onClick}
			tabIndex={-1}
			className={showHideButtonStyle(props.palette)}
		>
			{props.show
				? props.translator('commonInputLeftDot.hide')
				: props.translator('commonInputLeftDot.show')}
		</button>
	);
};

export default ShowHideButton;
