cheveguerra/bot-whatsapp
1
0
Fork 0
mirror of https://github.com/cheveguerra/bot-whatsapp.git synced 2026-04-18 11:39:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

docs: ✨ updated docs

Browse Source
This commit is contained in:
Leifer Mendez
2022-12-24 14:10:27 +01:00
parent b336586de3
commit ba02496222
12 changed files with 274 additions and 178 deletions
Download Patch File Download Diff File Expand all files Collapse all files

74
packages/docs/src/components/widgets/Navigation.tsx Normal file
View File

@@ -0,0 +1,74 @@
import { component$ } from '@builder.io/qwik'
export const ButtonLink = component$(
(props: { name: string; link: string; direction: 'left' | 'right' }) => {
const ArrowRight = () => (
<svg
viewBox="0 0 3 6"
class="ml-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M0 0L3 3L0 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
const ArrowLeft = () => (
<svg
viewBox="0 0 3 6"
class="mr-3 w-auto h-1.5 text-slate-400 overflow-visible group-hover:text-slate-600 dark:group-hover:text-slate-300"
>
<path
d="M3 0L0 3L3 6"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
></path>
</svg>
)
return (
<a
class="group flex items-center hover:text-slate-900 dark:hover:text-white"
href={props.link}
>
{props.direction === 'left' ? (
<>
<ArrowLeft />
{props.name}
</>
) : (
<>
{props.name}
<ArrowRight />
</>
)}
</a>
)
}
)
export default component$(
(props: { pages: ({ name: string; link: string } | null)[] }) => {
const { pages } = props
return (
<div class="text-sm leading-6 mt-12">
<div class="mb-10 text-slate-700 font-semibold flex justify-between items-center dark:text-slate-200">
{pages[0] ? (
<ButtonLink direction="left" {...pages[0]} />
) : null}
{pages[1] ? (
<ButtonLink direction="right" {...pages[1]} />
) : null}
</div>
</div>
)
}
)