import { DataAttributes } from '../Table/types/utils.type';
import { TableDropdownConfigProps } from '../Table/components/TableDropdown/types';
import { CSSObject, FlattenSimpleInterpolation } from 'styled-components';
import { ComponentProps, MutableRefObject, ReactNode, RefObject } from 'react';
import { TooltipProps } from '../Tooltip';
import { LinkButton } from '../LinkButton';
import { DropdownProps } from '../Dropdown';
import { ButtonCompProps } from '../Button';

export type LinkButtonProps = ComponentProps<typeof LinkButton>;
export type LinkButtonView = LinkButtonProps['view'];
export type MassActionsSize = 'm' | 's' | 'xs';
export type LinkView<V extends string | undefined> = V extends string ? `link${Capitalize<V>}` : undefined;
export type MassActionsButtonPropsButton = DataAttributes & Partial<ButtonCompProps> & {
    type: 'button';
    view?: ButtonCompProps['view'];
    dropdown?: DropdownProps & {
        $css?: CSSObject;
    };
    disabledTooltipProps?: TooltipProps;
};
export type MassActionsButtonPropsLinkButton = DataAttributes & Partial<LinkButtonProps> & {
    type?: 'linkButton';
    view?: LinkView<LinkButtonView>;
    dropdown?: DropdownProps & {
        $css?: CSSObject;
    };
    disabledTooltipProps?: TooltipProps;
};
export type MassActionsButtonProps = MassActionsButtonPropsButton | MassActionsButtonPropsLinkButton;
export type StyledButtonProps = {
    $hasDropdown?: boolean;
    $showLabel?: boolean;
    $buttonStyles?: string | CSSObject | FlattenSimpleInterpolation;
};
export type MassActionsCounterProps = {
    selectedCount: number;
    label?: string;
    showCheckbox?: boolean;
    checked?: boolean;
    indeterminate?: boolean;
    onCheckboxChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
    className?: string;
};
export type MassActionsSidebarConfig = {
    isOpen: boolean;
    width: number;
    togglePanelWidth?: number;
};
export type CheckboxConfig = {
    checked: boolean;
    onChange: (checked: boolean) => void;
    indeterminate?: boolean;
    disabled?: boolean;
};
export type CounterConfig = {
    selectedCount: number;
    totalCount?: number;
    label?: string;
};
export type MassActionsProps = {
    containerRef: RefObject<HTMLElement> | MutableRefObject<HTMLElement | null> | (() => HTMLElement | null);
    leftSection: ReactNode;
    middleSection?: ReactNode;
    buttons?: MassActionsButtonProps[];
    sidebarConfig?: MassActionsSidebarConfig;
    isHaveSomeFeatureInSidebar?: boolean;
    collapsedDropdownProps?: TableDropdownConfigProps;
    selectedCount: number;
    show?: boolean;
    useTableDropdown?: boolean;
    enableDebugLogs?: boolean;
    bottom?: number;
    minPadding?: number;
    size?: MassActionsSize;
};