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

const Plus = (props: { palette?: Colors }) => {
	return (
		<svg
			className={plusStyle(props.palette)}
			xmlns="http://www.w3.org/2000/svg"
			viewBox="0 0 14.865 14.865"
		>
			<path
				id="Path_1"
				data-name="Path 1"
				d="M6.8,6l4.293-4.293a.608.608,0,0,0,0-.8.608.608,0,0,0-.8,0L6,5.2,1.707.907a.608.608,0,0,0-.8,0,.608.608,0,0,0,0,.8L5.2,6,.907,10.293a.608.608,0,0,0,0,.8.52.52,0,0,0,.4.2.52.52,0,0,0,.4-.2L6,6.8l4.293,4.293a.758.758,0,0,0,.4.2.52.52,0,0,0,.4-.2.608.608,0,0,0,0-.8Z"
				transform="translate(7.45 -1.071) rotate(45)"
			/>
		</svg>
	);
};

export default Plus;
