hamid zarghami
21 lines
589 B
TypeScript
21 lines
589 B
TypeScript
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 |