import * as React from 'react';
import { Colors } from '../../../../../models/colors';
import { button } from './sliderButton.style';

const SliderButton = (props: { sign: string; palette: Colors; onClick: () => void }) => {
	return (
		<button className={button(props.palette)} type="button" onClick={() => props.onClick()}>
			{props.sign}
		</button>
	);
};

export default SliderButton;
