import { default as React } from 'react';
import { default as IConditionalFormattingSheetProps } from './IConditionalFormattingSheetProps';
/**
 * Conditional Formatting sheet — lets merchants define, manage, and
 * reorder rules that highlight table data by column, row, or colour
 * gradient. Ships as a self-contained config UI: it emits rule objects via
 * `onRulesChange` and leaves evaluating them against real table data to
 * the consumer (see `DataTable`'s `conditionalFormatting` prop).
 *
 * @param props {@link IConditionalFormattingSheetProps}
 *
 * @example
 * ```tsx
 * function App() {
 *   const [rules, setRules] = useState<ConditionalFormattingRule[]>([]);
 *
 *   return (
 *     <ConditionalFormattingSheet
 *       trigger={<Button label="Bedingte Formatierung" icon="Paintbrush" />}
 *       columns={[
 *         { value: 'saleDate', label: 'Sale date', type: ConditionalFormattingColumnType.DATE },
 *         { value: 'status', label: 'Status', type: ConditionalFormattingColumnType.SELECT, options: [{ value: 'shipped', label: 'Shipped' }] },
 *       ]}
 *       rules={rules}
 *       onRulesChange={setRules}
 *     />
 *   );
 * }
 * ```
 */
declare const ConditionalFormattingSheet: React.FC<IConditionalFormattingSheetProps>;
export default ConditionalFormattingSheet;