import React from 'react';
import { BlockProps, BlockState } from './index';
import '../global.css';
export declare const defaultProps: Readonly<{
    isGroupScale: boolean;
    disabled: boolean;
    color: string;
    numCollisions: number;
    width: number;
}>;
export declare class Block extends React.PureComponent<BlockProps, BlockState> {
    static defaultProps: Readonly<{
        isGroupScale: boolean;
        disabled: boolean;
        color: string;
        numCollisions: number;
        width: number;
    }>;
    constructor(props: BlockProps);
    componentDidUpdate(): void;
    /**
     * getters
     */
    heightPercent: () => number;
    topPercent: () => number;
    calcHeight: () => string;
    calcTop: () => string;
    /**
     * passes the block's index value to the handleMouseDown prop
     */
    _handleMouseDown: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    /**
     * passes the block's index value to the hanldeMouseEnter prop
     */
    _handleMouseEnter: () => void;
    /**
     * passes the block's index value to the handleMouseUp prop
     */
    _handleMouseUp: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
    render(): JSX.Element;
}
declare const _default: import("styled-components").StyledComponent<typeof Block, any, {}, never>;
export default _default;