/**
 * PermissionSelect Component
 * Dropdown for selecting permission levels (viewer, editor, owner)
 */
import React from 'react';
import type { ShareRole, ShareLinkRole } from '@materi.ai/frame/hooks';
export type PermissionType = 'collaborator' | 'shareLink';
export interface PermissionSelectProps {
    /**
     * Current permission value
     */
    value: ShareRole | ShareLinkRole;
    /**
     * Callback when permission changes
     */
    onChange: (value: ShareRole | ShareLinkRole) => void;
    /**
     * Type of permission (collaborator or share link)
     * Collaborator: viewer, editor, owner
     * Share link: viewer, editor, commenter
     */
    type?: PermissionType;
    /**
     * Whether the select is disabled
     */
    disabled?: boolean;
    /**
     * Size variant
     */
    size?: 'sm' | 'md';
    /**
     * Additional CSS classes
     */
    className?: string;
}
/**
 * PermissionSelect component for choosing access levels
 *
 * @example
 * ```tsx
 * <PermissionSelect
 *   value={role}
 *   onChange={setRole}
 *   type="collaborator"
 * />
 * ```
 */
export declare const PermissionSelect: React.ForwardRefExoticComponent<PermissionSelectProps & React.RefAttributes<HTMLSelectElement>>;
/**
 * Get display label for a permission value
 */
export declare const getPermissionLabel: (value: ShareRole | ShareLinkRole) => string;
/**
 * Get description for a permission value
 */
export declare const getPermissionDescription: (value: ShareRole | ShareLinkRole) => string;
export default PermissionSelect;
//# sourceMappingURL=PermissionSelect.d.ts.map