All files / src/components/ui/modal/modal-close-button index.tsx

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
1x
1x
1x
1x
1x
57x
57x
57x
57x
57x
57x
57x
57x
57x
57x
57x
57x
 
import { Icon } from '@/components/icon';
 
import { useModal } from '../modal-provider';
 
export const ModalCloseButton = () => {
  const { close } = useModal();
  return (
    <button
      className='absolute top-0 right-0 rounded-sm transition-colors duration-300 hover:bg-gray-200 active:bg-gray-200'
      aria-label='모달 닫기'
      type='button'
      onClick={close}
    >
      <Icon id='x-1' className='size-5 cursor-pointer text-gray-500' />
    </button>
  );
};