import { PointerEventHandler } from 'react';
import { Size } from './globalEnums';

export enum Type {
    PRIM = 'primary',
    SEC = 'secondary',
    TERT = 'tertiary',
}

export type Placement = 'bottom-end' | 'bottom-start' | 'bottom' | 'left-end' | 'left-start' | 'left' | 'right-end' | 'right-start' | 'right' | 'top-end' | 'top-start' | 'top';

export type Alignment = 'flex-start' | 'flex-end' | 'center';

export type TextAlignment = 'center' | 'left' | 'right';

export interface IGlobalProps {
    // Size
    size?: Size;
    height?: number | string;
    width?: number;
    fillWidth?: boolean;
    color?: string;
    background?: string;

    // Type
    type?: Type;

    // Status
    inactive?: boolean;

    // Content
    tooltip?: string;
    tooltipPlacement?: Placement;

    // Label
    label?: string;
    hideLabel?: boolean;

    // Label when used in forms
    formLabel?: string;
    formLabelPlacement?: Placement;

    // Custom style
    style?: React.CSSProperties;

    // Global pointer events
    onPointerDown?: PointerEventHandler | undefined;
    onPointerDownCapture?: PointerEventHandler | undefined;
    onPointerMove?: PointerEventHandler | undefined;
    onPointerMoveCapture?: PointerEventHandler | undefined;
    onPointerUp?: PointerEventHandler | undefined;
    onPointerUpCapture?: PointerEventHandler | undefined;
    onPointerCancel?: PointerEventHandler | undefined;
    onPointerCancelCapture?: PointerEventHandler | undefined;
    onPointerEnter?: PointerEventHandler | undefined;
    onPointerEnterCapture?: PointerEventHandler | undefined;
    onPointerLeave?: PointerEventHandler | undefined;
    onPointerLeaveCapture?: PointerEventHandler | undefined;
    onPointerOver?: PointerEventHandler | undefined;
    onPointerOverCapture?: PointerEventHandler | undefined;
    onPointerOut?: PointerEventHandler | undefined;
    onPointerOutCapture?: PointerEventHandler | undefined;
    onGotPointerCapture?: PointerEventHandler | undefined;
    onGotPointerCaptureCapture?: PointerEventHandler | undefined;
    onLostPointerCapture?: PointerEventHandler | undefined;
    onLostPointerCaptureCapture?: PointerEventHandler | undefined;
}

export interface INumberProps extends IGlobalProps {
    min: number;
    max: number;
    step?: number;
    number: number;
    setNumber?: (num: number) => unknown;
    unit?: string;
}