victory-native
Version:
A charting library for React Native with a focus on performance and customization.
38 lines (37 loc) • 1.75 kB
TypeScript
import * as React from "react";
import { type PathProps, type SkPath } from "@shopify/react-native-skia";
import type { ChartBounds, PointsArray } from "../../types";
import type { PathAnimationConfig } from "../../hooks/useAnimatedPath";
import type { RoundedCorners } from "../../utils/createRoundedRectPath";
type HorizontalBarGroupProps = {
chartBounds: ChartBounds;
betweenGroupPadding?: number;
withinGroupPadding?: number;
roundedCorners?: RoundedCorners;
children: React.ReactNode;
barWidth?: number;
barCount?: number;
onBarSizeChange?: (values: {
barWidth: number;
groupWidth: number;
gapWidth: number;
}) => void;
};
export declare function HorizontalBarGroup({ betweenGroupPadding, withinGroupPadding, chartBounds, roundedCorners, children, onBarSizeChange, barWidth: customBarWidth, barCount, }: HorizontalBarGroupProps): React.JSX.Element | null;
export declare namespace HorizontalBarGroup {
var Bar: typeof HorizontalBarGroupBar;
}
type HorizontalBarGroupBarPathProps = Partial<Pick<PathProps, "color" | "blendMode" | "opacity" | "antiAlias">>;
type HorizontalBarGroupBarProps = {
points: PointsArray;
animate?: PathAnimationConfig;
} & HorizontalBarGroupBarPathProps;
declare function HorizontalBarGroupBar(props: React.PropsWithChildren<HorizontalBarGroupBarProps>): React.FunctionComponentElement<{
path: SkPath;
} & Omit<import("@shopify/react-native-skia").AnimatedProps<PathProps, never>, "start" | "end"> & {
start?: import("@shopify/react-native-skia").AnimatedProp<number> | undefined;
end?: import("@shopify/react-native-skia").AnimatedProp<number> | undefined;
} & {
animate?: PathAnimationConfig | undefined;
}> | null;
export {};