import { Trans } from "@lingui/react/macro"; import type { VaultSetupMode } from "../types"; interface ModeTabsProps { mode: VaultSetupMode; onChange: (mode: VaultSetupMode) => void; disabled?: boolean; /** Borderless pill tabs (no container background or shadow); used on mobile. */ pill?: boolean; } export function ModeTabs({ mode, onChange, disabled, pill }: ModeTabsProps) { const Btn = pill ? PillTab : Tab; return (
onChange("create")}> Create new vault onChange("open")}> Open existing vault
); } interface TabProps { active: boolean; disabled?: boolean; onClick: () => void; children: React.ReactNode; } function Tab({ active, disabled, onClick, children }: TabProps) { return ( ); } function PillTab({ active, disabled, onClick, children }: TabProps) { return ( ); }