{ "compilerOptions": { // Enable latest features "lib": ["ESNext"], "target": "ESNext", "module": "ESNext", "moduleDetection": "force", "jsx": "react-jsx", "allowJs": true, "moduleResolution": "nodenext", "allowImportingTsExtensions": true, // Best practices "strict": false, "skipLibCheck": true, "noFallthroughCasesInSwitch": true, // Some stricter flags "noUnusedLocals": true, "noUnusedParameters": true, "baseUrl": ".", "paths": { "$lib/*": ["./lib/*.ts"], "$routes/*": ["./routes/*.ts"], "$config": ["./config.ts"], "@cashu/cashu-ts": ["node_modules/@cashu/cashu-ts/dist/lib/es6/index.js"] } } } os-ui.git/'>coinos-ui.git
coinos ui — legacy coinos.io web app (SvelteKit)coinos
aboutsummaryrefslogtreecommitdiffstats
path: root/src/components/HowItWorksCard.svelte
blob: e5e62d05e25dab50e8b7c24fde6f9df050459340 (plain) (blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<script>
  import Icon from "./Icon.svelte";
  import { t } from "$lib/translations";
  export let image;
  export let stepID;
</script>

<div class="space-y-5">
  <Icon icon={image} style="mx-auto w-32 h-32" />
  <p class="text-2xl font-medium">{$t("howItWorks." + stepID + ".header")}</p>
  <p class="text-secondary text-xl font-medium w-full md:w-2/3 mx-auto">
    {$t("howItWorks." + stepID + ".description")}
  </p>
</div>