import { JSX, ParentComponent, Show, Suspense } from "solid-js"
import Linkify from "./Linkify"
import { Button, ButtonLink } from "./Button"
import { Separator } from "@kobalte/core"
import { useMegaStore } from "~/state/megaStore"
export {
Button,
ButtonLink,
Linkify,
}
export const SmallHeader: ParentComponent<{ class?: string }> = (props) => {
return
}
export const Card: ParentComponent<{ title?: string, titleElement?: JSX.Element }> = (props) => {
return (
{props.title && {props.title}}
{props.titleElement && props.titleElement}
{props.children}
)
}
export const InnerCard: ParentComponent<{ title?: string }> = (props) => {
return (
{props.title && {props.title}}
{props.children}
)
}
export const FancyCard: ParentComponent<{ title?: string, tag?: JSX.Element }> = (props) => {
return (
{props.title && {props.title}}
{props.tag && props.tag}
{props.children}
)
}
export const SafeArea: ParentComponent = (props) => {
return (
{/*
*/}
{props.children}
{/*
*/}
);
}
export const MutinyWalletGuard: ParentComponent = (props) => {
const [state, _] = useMegaStore();
return (
}>
{props.children}
)
}
export const LoadingSpinner = (props: { big?: boolean, wide?: boolean }) => {
return ();
}
export const Hr = () =>
export const LargeHeader: ParentComponent<{ action?: JSX.Element }> = (props) => {
return (
{props.children}
{props.action}
)
}
export const VStack: ParentComponent<{ biggap?: boolean }> = (props) => {
return ({props.children}
)
}
export const HStack: ParentComponent<{ biggap?: boolean }> = (props) => {
return ({props.children}
)
}
export const SmallAmount: ParentComponent<{ amount: number | bigint, sign?: string }> = (props) => {
return ({props.sign ? `${props.sign} ` : ""}{props.amount.toLocaleString()} SATS
)
}
export const NiceP: ParentComponent = (props) => {
return ({props.children}
)
}
export const TinyButton: ParentComponent<{ onClick: () => void }> = (props) => {
return (
)
}
export const Indicator: ParentComponent = (props) => {
return (
{props.children}
)
}