Files
smesh/src/components/BackButton/index.tsx
2024-12-21 23:20:30 +08:00

26 lines
604 B
TypeScript

import { Button } from '@/components/ui/button'
import { useSecondaryPage } from '@/PageManager'
import { ChevronLeft } from 'lucide-react'
import { useTranslation } from 'react-i18next'
export default function BackButton({
hide = false,
variant = 'titlebar'
}: {
hide?: boolean
variant?: 'titlebar' | 'small-screen-titlebar'
}) {
const { t } = useTranslation()
const { pop } = useSecondaryPage()
return (
<>
{!hide && (
<Button variant={variant} size={variant} title={t('back')} onClick={() => pop()}>
<ChevronLeft />
</Button>
)}
</>
)
}