import { DashboardStyleOptions } from '../../domains/dashboarding/dashboard-model'; /** * @internal */ export interface DashboardThemeParams { styleOptions?: DashboardStyleOptions; } /** * {@link useDashboardTheme} without tracking to be used inside other hooks or components in Compose SDK. * * @param params - Parameters of the dashboard to be retrieved * @internal */ export declare const useDashboardThemeInternal: ({ styleOptions }: DashboardThemeParams) => { themeSettings: { dashboard: { backgroundColor: string; dividerLineWidth: number; dividerLineColor: string; borderWidth: number; borderColor: string; toolbar: { primaryTextColor: string; secondaryTextColor: string; backgroundColor: string; dividerLineColor: string; dividerLineWidth: number; }; }; palette?: import("../..").ColorPaletteTheme | undefined; }; }; /** * React hook that returns dashboard theme settings * * @example * ```tsx * import { useDashboardTheme } from '@sisense/sdk-ui'; * * const CodeExample = () => { * const { themeSettings } = useDashboardTheme({ * styleOptions: { backgroundColor: '#f5f5f5', dividerLineColor: '#e0e0e0' }, * }); * * return
{JSON.stringify(themeSettings, null, 2)}
; * }; * * export default CodeExample; * ``` * * @group Dashboards * * @alpha */ export declare const useDashboardTheme: (args_0: DashboardThemeParams) => { themeSettings: { dashboard: { backgroundColor: string; dividerLineWidth: number; dividerLineColor: string; borderWidth: number; borderColor: string; toolbar: { primaryTextColor: string; secondaryTextColor: string; backgroundColor: string; dividerLineColor: string; dividerLineWidth: number; }; }; palette?: import("../..").ColorPaletteTheme | undefined; }; };