Files
mutiny-web/src/components/layout/BackButton.tsx
2023-08-18 12:14:02 -05:00

21 lines
598 B
TypeScript

import { Back } from "~/assets/svg/Back";
import { useI18n } from "~/i18n/context";
export function BackButton(props: {
onClick: () => void;
title?: string;
showOnDesktop?: boolean;
}) {
const i18n = useI18n();
return (
<button
onClick={() => props.onClick()}
class="flex items-center text-xl font-semibold text-m-red no-underline active:text-m-red/80 md:hidden"
classList={{ "md:!flex": props.showOnDesktop }}
>
<Back />
{props.title ? props.title : i18n.t("common.home")}
</button>
);
}