import React from 'react';
import { type GuideBoxProps } from '../../';
export type StyledProps = {
    /**
     * The id of the FloatingBox.
     * @defaultValue ""
     * @optional
     * @type string
     */
    id?: React.HTMLAttributes<HTMLDivElement>['id'];
    /**
     * class name of floating box
     */
    className?: React.HTMLAttributes<HTMLDivElement>['className'];
    /**
     * key of floating box
     */
    key?: React.Key;
    /**
     * x position of floating box (left-top)
     */
    x?: number;
    /**
     * y position of floating box (left-top)
     */
    y?: number;
    /**
     * width of floating box
     */
    width?: GuideBoxProps['width'];
    /**
     * height of floating box
     */
    height?: GuideBoxProps['height'];
    /**
     * show floating box
     */
    show?: GuideBoxProps['show'];
    /**
     * background color of floating box
     */
    fill?: GuideBoxProps['fill'];
    /**
     * guide box props
     */
    guideBoxProps?: GuideBoxProps;
    /**
     * children of floating box
     */
    children?: React.ReactNode;
    /**
     * mouse events
     */
    onMouseDown?: React.MouseEventHandler;
    onMouseUp?: React.MouseEventHandler;
    onMouseOver?: React.MouseEventHandler;
    onMouseLeave?: React.MouseEventHandler;
    onClick?: React.MouseEventHandler;
    /**
     * styles
     */
    cursor?: React.CSSProperties['cursor'];
    opacity?: React.CSSProperties['opacity'];
    transition?: React.CSSProperties['transition'];
    border?: React.CSSProperties['border'];
};
declare const ThemedComponent: (props: StyledProps) => import("react/jsx-runtime").JSX.Element;
export default ThemedComponent;
//# sourceMappingURL=Styled.d.ts.map