import React , { FC } from 'react' ; import Container from '../../Container' ; import Button from '../../Button' ; export interface Props { handleZoom : ( step : number ) => void ; scaleCoefficient : number ; } export const Zoom = ( { handleZoom , scaleCoefficient } ) => { return ( < Container > < Button size = 'small' onClick = { ( ) => handleZoom ( 1 - scaleCoefficient ) } > & minus ; < /Button> < Button size = 'small' onClick = { ( ) => handleZoom ( 1 + scaleCoefficient ) } > + < /Button> < /Container>); } ; export default Zoom ;