close 버튼 공통화
This commit is contained in:
26
src/entities/common/ui/full-menu-close.tsx
Normal file
26
src/entities/common/ui/full-menu-close.tsx
Normal file
@@ -0,0 +1,26 @@
|
||||
import { IMAGE_ROOT } from "@/shared/constants/common";
|
||||
import { useTranslation } from "react-i18next";
|
||||
|
||||
export interface FullMenuCloseProps {
|
||||
addClass?: string;
|
||||
onClickToCallback: () => void;
|
||||
};
|
||||
|
||||
export const FullMenuClose = ({
|
||||
addClass = 'full-menu-close',
|
||||
onClickToCallback
|
||||
}: FullMenuCloseProps) => {
|
||||
const { t } = useTranslation();
|
||||
|
||||
return (
|
||||
<>
|
||||
<button className={ addClass }>
|
||||
<img
|
||||
src={ IMAGE_ROOT + '/ico_close.svg' }
|
||||
alt={ t('filter.close') }
|
||||
onClick={ onClickToCallback }
|
||||
/>
|
||||
</button>
|
||||
</>
|
||||
);
|
||||
};
|
||||
Reference in New Issue
Block a user