import { ForexScreener } from '@hanzo/ui'
The forex market, dark theme, with the toolbar shown.
export function Default() {return <ForexScreener />}
Opens pre-filtered to the top-gainers preset screen.
export function Screen() {return <ForexScreener defaultScreen="top_gainers" />}
Opens on the performance columns instead of the overview.
export function Column() {return <ForexScreener defaultColumn="performance" />}
A shorter, fixed-width frame with the toolbar hidden.
export function Sized() {return (<YStack width={360}><ForexScreener width={360} height={400} showToolbar={false} colorTheme="light" /></YStack>)}
export type ForexScreenerMarket = 'forex' | (string & {})
export type ForexScreenerColumn =| 'overview'| 'performance'| 'oscillators'| 'moving_averages'
export type ForexScreenerScreen =| 'general'| 'top_gainers'| 'top_losers'| 'most_volatile'| (string & {})
export type ForexScreenerTheme = 'light' | 'dark'
export interface ForexScreenerProps extends Omit<YStackProps, 'width' | 'height' | 'theme'> {/** Which market the table screens. */market?: ForexScreenerMarket/** Which column set the table opens on. */defaultColumn?: ForexScreenerColumn/** Which preset screen the table opens filtered to. */defaultScreen?: ForexScreenerScreen/** Whether the toolbar (screen picker, column picker) is shown. */showToolbar?: boolean/** The table's own palette; independent of the surrounding gui theme. */colorTheme?: ForexScreenerThemeisTransparent?: booleanlocale?: stringwidth?: string | numberheight?: string | number}