You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
23 lines
604 B
23 lines
604 B
// components |
|
import Wrapper from "components/footer/Wrapper"; |
|
import Item from "components/footer/Item"; |
|
import MoveBtn from "components/footer/MoveBtn"; |
|
|
|
const Footer = ({ title, nowPage, totalPage, onPageMove }: Props) => { |
|
return ( |
|
<Wrapper> |
|
<MoveBtn type="NEXT" onClick={() => onPageMove("NEXT")} /> |
|
<Item text={`${nowPage} / ${totalPage}`} /> |
|
<MoveBtn type="PREV" onClick={() => onPageMove("PREV")} /> |
|
</Wrapper> |
|
); |
|
}; |
|
|
|
interface Props { |
|
title: string; |
|
nowPage: number; |
|
totalPage: number; |
|
onPageMove: (type: "PREV" | "NEXT") => void; |
|
} |
|
|
|
export default Footer;
|
|
|