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

// 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;