import * as React from 'react';
export declare const styles: {
    readonly container: {
        readonly display: "flex";
        readonly flexDirection: "row";
        readonly height: "100%";
        readonly width: "100%";
        readonly fontFamily: "var(--component-explorer-font-family)";
        readonly fontSize: "var(--component-explorer-font-size)";
        readonly color: "var(--component-explorer-foreground)";
        readonly backgroundColor: "var(--component-explorer-editor-background)";
    };
    readonly centerArea: {
        readonly display: "flex";
        readonly flexDirection: "column";
        readonly flex: 1;
        readonly overflow: "hidden";
    };
    readonly titleBar: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly justifyContent: "space-between";
        readonly height: "35px";
        readonly minHeight: "35px";
        readonly padding: "0 10px";
        readonly backgroundColor: "var(--component-explorer-titleBar-activeBackground)";
        readonly color: "var(--component-explorer-titleBar-activeForeground)";
        readonly borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
    };
    readonly titleBarSection: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly gap: "2px";
    };
    readonly titleBarCenter: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly gap: "4px";
        readonly fontSize: "13px";
        readonly fontWeight: 400;
    };
    readonly titleBarButton: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly justifyContent: "center";
        readonly width: "28px";
        readonly height: "28px";
        readonly border: "none";
        readonly background: "transparent";
        readonly color: "var(--component-explorer-titleBar-activeForeground)";
        readonly cursor: "pointer";
        readonly borderRadius: "4px";
    };
    readonly titleBarButtonHover: {
        readonly backgroundColor: "var(--component-explorer-toolbar-hoverBackground)";
    };
    readonly titleBarButtonActive: {
        readonly backgroundColor: "var(--component-explorer-toolbar-activeBackground)";
        readonly color: "var(--component-explorer-focusBorder)";
    };
    readonly sidebar: {
        readonly display: "flex";
        readonly flexDirection: "column";
        readonly width: "260px";
        readonly minWidth: "200px";
        readonly backgroundColor: "var(--component-explorer-sideBar-background)";
        readonly borderRight: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
    };
    readonly sidebarRight: {
        readonly borderRight: "none";
        readonly borderLeft: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
    };
    readonly sidebarHeader: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly height: "35px";
        readonly minHeight: "35px";
        readonly padding: "0 12px";
        readonly fontSize: "11px";
        readonly fontWeight: 700;
        readonly textTransform: "uppercase";
        readonly letterSpacing: "0.04em";
        readonly color: "var(--component-explorer-titleBar-activeForeground)";
        readonly backgroundColor: "var(--component-explorer-titleBar-activeBackground)";
        readonly borderBottom: "1px solid var(--component-explorer-titleBar-border, var(--component-explorer-panel-border))";
    };
    readonly sidebarContent: {
        readonly flex: 1;
        readonly overflow: "auto";
        readonly padding: "4px 0";
    };
    readonly treeItem: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly height: "22px";
        readonly paddingRight: "8px";
        readonly cursor: "pointer";
        readonly userSelect: "none";
    };
    readonly treeItemSelected: {
        readonly backgroundColor: "var(--component-explorer-list-activeSelectionBackground)";
        readonly color: "var(--component-explorer-list-activeSelectionForeground)";
    };
    readonly treeItemHover: {
        readonly backgroundColor: "var(--component-explorer-list-hoverBackground)";
    };
    readonly treeItemChevron: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly justifyContent: "center";
        readonly width: "16px";
        readonly height: "16px";
        readonly color: "var(--component-explorer-foreground)";
        readonly opacity: 0.8;
        readonly cursor: "pointer";
    };
    readonly treeItemChevronPlaceholder: {
        readonly width: "16px";
    };
    readonly treeItemIcon: {
        readonly display: "flex";
        readonly alignItems: "center";
        readonly justifyContent: "center";
        readonly width: "16px";
        readonly height: "16px";
        readonly marginRight: "4px";
    };
    readonly treeItemLabel: {
        readonly flex: 1;
        readonly overflow: "hidden";
        readonly textOverflow: "ellipsis";
        readonly whiteSpace: "nowrap";
        readonly fontSize: "13px";
    };
    readonly treeItemCount: {
        readonly marginLeft: "8px";
        readonly fontSize: "11px";
        readonly color: "var(--component-explorer-descriptionForeground)";
    };
    readonly mainContent: {
        readonly flex: 1;
        readonly display: "flex";
        readonly alignItems: "center";
        readonly justifyContent: "center";
        readonly backgroundColor: "var(--component-explorer-editor-background)";
        readonly color: "var(--component-explorer-descriptionForeground)";
        readonly fontSize: "14px";
    };
    readonly propertiesPanel: {
        readonly padding: "12px";
    };
    readonly propertyRow: {
        readonly marginBottom: "12px";
    };
    readonly propertyLabel: {
        readonly fontSize: "12px";
        readonly color: "var(--component-explorer-foreground)";
        readonly marginBottom: "4px";
    };
    readonly propertyDescription: {
        readonly fontSize: "11px";
        readonly color: "var(--component-explorer-descriptionForeground)";
        readonly marginTop: "2px";
    };
    readonly propertyInput: {
        readonly width: "100%";
        readonly height: "26px";
        readonly padding: "0 8px";
        readonly fontSize: "13px";
        readonly color: "var(--component-explorer-input-foreground)";
        readonly backgroundColor: "var(--component-explorer-input-background)";
        readonly border: "1px solid var(--component-explorer-input-border, transparent)";
        readonly borderRadius: "2px";
        readonly outline: "none";
        readonly boxSizing: "border-box";
    };
    readonly propertySelect: {
        readonly width: "100%";
        readonly height: "26px";
        readonly padding: "0 8px";
        readonly fontSize: "13px";
        readonly color: "var(--component-explorer-dropdown-foreground)";
        readonly backgroundColor: "var(--component-explorer-dropdown-background)";
        readonly border: "1px solid var(--component-explorer-dropdown-border)";
        readonly borderRadius: "2px";
        readonly outline: "none";
        readonly boxSizing: "border-box";
        readonly cursor: "pointer";
    };
};
export declare function mergeStyles(...styleObjects: (React.CSSProperties | undefined | false)[]): React.CSSProperties;
//# sourceMappingURL=styles.d.ts.map