45 lines
1.2 KiB
TypeScript
45 lines
1.2 KiB
TypeScript
export default function DocsPagination({ prev = '', next = '' }) {
|
|
return (
|
|
<div className="w-full flex my-20">
|
|
{prev && (
|
|
<a href={prev} className="mr-10 no-underline">
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
stroke-width="1.5"
|
|
stroke="currentColor"
|
|
className="w-6 h-6 inline mr-2"
|
|
>
|
|
<path
|
|
stroke-linecap="round"
|
|
stroke-linejoin="round"
|
|
d="M15.75 19.5L8.25 12l7.5-7.5"
|
|
/>
|
|
</svg>
|
|
Prev
|
|
</a>
|
|
)}
|
|
{next && (
|
|
<a href={next} className="no-underline ml-auto">
|
|
Next Lesson
|
|
<svg
|
|
xmlns="http://www.w3.org/2000/svg"
|
|
fill="none"
|
|
viewBox="0 0 24 24"
|
|
strokeWidth={1.5}
|
|
stroke="currentColor"
|
|
className="w-6 h-6 inline ml-2"
|
|
>
|
|
<path
|
|
strokeLinecap="round"
|
|
strokeLinejoin="round"
|
|
d="M8.25 4.5l7.5 7.5-7.5 7.5"
|
|
/>
|
|
</svg>
|
|
</a>
|
|
)}
|
|
</div>
|
|
);
|
|
}
|