/*
This file is part of GNU Taler
(C) 2021 Taler Systems S.A.
GNU Taler is free software; you can redistribute it and/or modify it under the
terms of the GNU General Public License as published by the Free Software
Foundation; either version 3, or (at your option) any later version.
GNU Taler is distributed in the hope that it will be useful, but WITHOUT ANY
WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR
A PARTICULAR PURPOSE. See the GNU General Public License for more details.
You should have received a copy of the GNU General Public License along with
GNU Taler; see the file COPYING. If not, see
*/
import { h, Fragment } from "preact"
import { PopupNavBar, WalletNavBar } from '../src/NavigationBar'
import { LogoHeader } from '../src/components/LogoHeader'
import { TranslationProvider } from '../src/context/translation'
import { PopupBox, WalletBox } from '../src/components/styled'
export const parameters = {
controls: { expanded: true },
}
export const globalTypes = {
locale: {
name: 'Locale',
description: 'Internationalization locale',
defaultValue: 'en',
toolbar: {
icon: 'globe',
items: [
{ value: 'en', right: 'πΊπΈ', title: 'English' },
{ value: 'ja', right: 'π―π΅', title: 'Japanese' },
{ value: 'es', right: 'πͺπΈ', title: 'Spanish' },
{ value: 'de', right: 'π©πͺ', title: 'German' },
],
},
},
};
export const decorators = [
(Story, { kind }) => {
if (kind.startsWith('popup')) {
function Body() {
const isTestingHeader = (/.*\/header\/?.*/.test(kind));
if (isTestingHeader) {
// simple box with correct width and height
return
}
const path = /popup(\/.*).*/.exec(kind)[1];
// add a fake header so it looks similar
return
}
return
}
if (kind.startsWith('cta')) {
return
}
if (kind.startsWith('mui') || kind.startsWith('component')) {
return
}
if (kind.startsWith('wallet')) {
const path = /wallet(\/.*).*/.exec(kind)[1];
return
}
return
this story is not under wallet or popup, check title property
},
(Story, { globals }) =>
,
];