import { Meta, StoryObj } from '@storybook/react';
import { default as RewardsSection } from './index';
/**
 * The `RewardsSection` component displays a horizontally scrollable collection of reward cards
 * with navigation controls. It's designed to showcase available rewards that users can earn by
 * completing quests in the application.
 *
 * ## Use Cases
 * - Quest rewards showcase in game dashboards
 * - Achievement rewards display in user profiles
 * - Special offers and collectibles presentation
 * - Seasonal or limited-time reward galleries
 *
 * ## Features
 * - Horizontal scrolling with smooth animation
 * - Left and right navigation controls with circular scrolling (loops back to beginning/end)
 * - Navigation controls only displayed when content is scrollable
 * - Responsive layout that adapts to different screen sizes (navigation controls hidden on mobile)
 * - Consistent presentation of rewards with visual indicators for availability
 * - Clear organization with descriptive heading
 * - Link integration with routing libraries (Next.js, React Router, etc.)
 *
 * ## Accessibility
 * - Keyboard-navigable scrolling controls
 * - Semantic structure with proper heading hierarchy
 * - Clear visual indicators for interactive elements
 */
declare const meta: Meta<typeof RewardsSection>;
export default meta;
type Story = StoryObj<typeof RewardsSection>;
export declare const Default: Story;
export declare const FewItems: Story;
export declare const LoadingTimeout: Story;
export declare const MobileView: Story;
//# sourceMappingURL=RewardsSection.stories.d.ts.map