import React from 'react' ; import styled from '@emotion/styled' ; import { BlockPicker , ColorChangeHandler } from 'react-color' ; interface Props { color : string ; handleColor : ( color : string ) => void ; } const ColorPicker = ( { color , handleColor } ) => { const handleChange = ( color ) => { handleColor ( color . hex ) ; } ; return ( < Container > < BlockPicker color = { color } onChange = { handleChange } / > < /Container>); } ; const Container = styled . div `
    position: absolute;
    top: 60px;
    left: 15px;
    z-index: 900;
` ; export default ColorPicker ;