첫 커밋

src/entities/home/ui/home-notice-item.tsx

@@ -0,0 +1,33 @@
+import { PATHS } from '@/shared/constants/paths';
+import { useNavigate } from '@/shared/lib/hooks/use-navigate';
+import { NoticeItemProps } from '../model/types';
+
+export const HomeNoticeItem = ({
+  title,
+  meta1,
+  meta2,
+  img
+}: NoticeItemProps) => {
+  const { navigate } = useNavigate();
+
+  const onClickToNavigate = (path: string) => {
+    navigate(path + '14');
+  };
+
+  return (
+    <>
+      <div className="notice-item">
+        <div className="notice-content">
+          <div className="notice-title">{ title }</div>
+          <div className="notice-meta">{ meta1}<span>{ meta2 }</span></div>
+        </div>
+        <div 
+          className="notice-arrow"
+          onClick={ () => onClickToNavigate(PATHS.support.notice.detail) }
+        >
+          <img src={ img } alt="공지사항 바로가기" />
+        </div>
+      </div>
+    </>
+  );
+};