@clubmed/trident-ui/molecules/Arrows.d.ts

Shared ClubMed React UI components

import type { ComponentProps, FunctionComponent } from 'react';
import { Button } from './Buttons/Button';
interface ArrowsProps {
    /**
     * onNext handler
     */
    onNext: () => void;
    /**
     * onPrev handler
     */
    onPrev: () => void;
    /**
     * Next label
     */
    nextLabel?: string;
    /**
     * Prev label
     */
    prevLabel?: string;
    /**
     * Disable next button
     */
    disableNext?: boolean;
    /**
     * Disable prev button
     */
    disablePrev?: boolean;
    /**
     * Additional class names
     */
    className?: string;
    /**
     * Theme
     */
    theme?: ComponentProps<typeof Button>['theme'];
    /**
     * Variant
     */
    variant?: ComponentProps<typeof Button>['variant'];
    /**
     * Arrow icon type
     */
    iconType?: 'ArrowDefault' | 'ArrowTail';
    /**
     * Hide disabled arrows
     */
    hideDisabled?: boolean;
}
export declare const Arrows: FunctionComponent<ArrowsProps>;
export {};