import type { Meta, StoryObj } from "@storybook/react";
import { LineChartCondensedProps } from "../LineChartCondensed";
declare const lineChartCondensedData: {
    month: string;
    desktop: number;
    mobile: number;
    tablet: number;
}[];
/**
 * # LineChart Component Documentation
 *
 * The LineChart is a compact chart designed for space-constrained layouts
 * like dashboards and sidebars. It's ideal for:
 *
 * - **Compact Dashboards**: Showing multiple trends in limited space
 * - **Sidebar Analytics**: Quick trend visualization without taking up too much room
 * - **Dense Data Display**: Efficiently showing many data points in a small area
 *
 * ## Key Features
 *
 * ### Space-Efficient Design
 * - **Compact Height**: Default 200px height for tight layouts
 * - **Minimal Legend**: Legend is compact and doesn't take up vertical space
 * - **Adjustable Tick Variants**: Choose between horizontal or angled labels for better space usage
 *
 * ### Flexible Label Handling
 * - **Single Line Ticks**: Horizontal labels with automatic collision detection
 * - **Angled Ticks**: Optimal rotation angle for longer labels that need more space
 * - **Smart Angle Calculation**: Automatically calculates optimal rotation based on label width
 *
 * ### Interactive & Responsive
 * - **Hover Tooltips**: Standard tooltip showing all data series
 * - **Responsive Design**: Adapts fluidly to its container's size
 * - **Line Customization**: Control line thickness with strokeWidth prop
 *
 * ### Customization
 * - **Theming**: Comes with six pre-built color palettes
 * - **Line Styles**: Supports `linear`, `natural` (smooth), and `step` interpolation
 * - **Styling Options**: Control grid visibility, axes, stroke width, and more
 */
declare const meta: Meta<LineChartCondensedProps<typeof lineChartCondensedData>>;
export default meta;
type Story = StoryObj<typeof meta>;
/**
 * ## Comprehensive Data Explorer
 *
 * This story serves as a comprehensive test suite for the LineChartCondensed component.
 * Use the buttons to switch between various datasets designed to test edge cases in:
 *
 * - **Label Handling**: Datasets with long, dense, or overlapping labels.
 * - **Data Density**: Scenarios with few or many data points.
 * - **Tick Variants**: Toggle between horizontal and angled label orientations.
 *
 * It's an excellent tool for developers to see how the chart behaves under different conditions.
 */
export declare const DataExplorer: Story;
/**
 * ## Large Dataset with Sidebar Tooltip
 *
 * This story demonstrates the sidebar tooltip feature that appears when you have
 * more than 10 data series. Click on any point in the chart to see the sidebar
 * tooltip in action. This provides a better UX for viewing many data series at once.
 */
export declare const LargeDatasetWithSidebarTooltip: Story;
/**
 * ## Big Labels
 *
 * This story demonstrates the chart's ability to handle very long category labels.
 * The angled tick variant is particularly useful here for preventing label overlap.
 */
export declare const BigLabelsStory: Story;
/**
 * ## Dense Timeline
 *
 * Tests how the chart handles many data points with medium-length period labels.
 * The angled tick variant helps display more labels without collision.
 */
export declare const DenseTimelineStory: Story;
/**
 * ## Company Names
 *
 * This story tests the chart with real-world company names that have varying lengths.
 * It demonstrates how the chart handles business data with naturally occurring long labels.
 */
export declare const CompanyNamesStory: Story;
/**
 * ## Country Names
 *
 * This story tests the chart with official country names, which are often long.
 * It shows how geographic data is handled by the angled tick system.
 */
export declare const CountryDataStory: Story;
/**
 * ## Mixed Lengths
 *
 * This story tests the chart's ability to handle a mix of very short and very long labels
 * within the same dataset, demonstrating its adaptive behavior.
 */
export declare const MixedLengthsStory: Story;
/**
 * ## Edge Cases
 *
 * This story tests extreme edge cases with exceptionally long labels and minimal data points.
 */
export declare const EdgeCasesStory: Story;
/**
 * ## Minimal Data
 *
 * A baseline test with a small dataset and standard-length labels. This serves as a control
 * case to compare against the more complex label scenarios.
 */
export declare const MinimalDataStory: Story;
/**
 * ## Custom Palette
 *
 * This story demonstrates how to use the customPalette prop to provide your own color scheme
 * for the chart. This is useful when you need to match your brand colors.
 */
export declare const CustomPaletteStory: Story;
/**
 * ## Stroke Width Comparison
 *
 * Compare different line thickness options to find the right visual weight for your data.
 */
export declare const StrokeWidthComparison: Story;
/**
 * ## Tick Variant Comparison
 *
 * Side-by-side comparison of single-line (horizontal) and angled tick variants.
 * This helps you choose the right variant for your data.
 */
export declare const TickVariantComparison: Story;
/**
 * ## Responsive Behavior Demo
 *
 * This story demonstrates the responsive capabilities of the LineChartCondensed.
 * Drag the handles on the container to resize it and observe how the chart adapts.
 */
export declare const ResponsiveBehaviorDemo: Story;
//# sourceMappingURL=lineChartCondensed.stories.d.ts.map