import { FC, ReactNode } from 'react';
import { BaseSpacing, BrandColor, CssAlignItemsValue, CssDisplayValue, CssFlexDirectionValue, CssJustifyContentValue, DimensionSize, ResponsiveProp, SpacingSize } from '@palmetto/palmetto-components';
import { ButtonClickHandler } from '../../../types';
import type * as CSS from 'csstype';
export declare const LeftPanelBox: FC<LeftPanelBoxProps>;
export interface LeftPanelBoxProps {
    alignItems?: CssAlignItemsValue | ResponsiveProp<CssAlignItemsValue>;
    children?: ReactNode;
    borderColor?: BrandColor;
    childGap?: SpacingSize | ResponsiveProp<SpacingSize>;
    className?: string;
    direction?: CssFlexDirectionValue | ResponsiveProp<CssFlexDirectionValue>;
    display?: CssDisplayValue | ResponsiveProp<CssDisplayValue>;
    hasBorder?: boolean;
    height?: DimensionSize | ResponsiveProp<DimensionSize> | string;
    justifyContent?: CssJustifyContentValue | ResponsiveProp<CssJustifyContentValue>;
    padding?: BaseSpacing | ResponsiveProp<BaseSpacing>;
    position?: CSS.Property.Position | ResponsiveProp<CSS.Property.Position>;
    width?: DimensionSize | ResponsiveProp<DimensionSize> | string;
    onClick?: ButtonClickHandler;
}