import { FC } from 'react'
import XIcon from '../assets/images/close-circle.svg'


type Props = {
    label: string,
    close: () => void,
}

const HeaderModal: FC<Props> = (props: Props) => {
    return (
        <div className='flex justify-between items-center'>
            <div className='text-sm'>{props.label}</div>
            <div className='size-7 rounded-full bg-white bg-opacity-35 flex justify-center items-center'>
                <img src={XIcon} alt='close' className='w-4 h-4' onClick={props.close} />
            </div>
        </div>
    )
}

export default HeaderModal