/// <reference types="react" />
import { type INotSlot } from '../lxItem';
import type { BorderRadiusProps, SpaceProps, ColorProps } from '@lx-react-materiel/shared';
import type { ViewProps } from '@tarojs/components';
import type { Required as IRequired } from 'utility-types';
import './index.less';
type IItem = Pick<INotSlot, 'label' | 'value'>;
export interface LxItemGroupBasicProps extends BorderRadiusProps, SpaceProps, ColorProps, Pick<ViewProps, 'className' | 'children' | 'style'> {
    items: IItem[];
    options?: Omit<INotSlot, 'label' | 'value'>;
}
/**
 * 这里必备 className 是为了循环得到唯一 key
 */
export type LxItemGroupProps = IRequired<LxItemGroupBasicProps, 'items' | 'className'>;
/**
 * 用于展示 label-value 分组数据
 *
 * @param props
 * @constructor
 *
 * @example
 *
 * // 用法1
 *
 * <LxItemGroup
 *   borderRadius={16}
 *   className="order-item-group"
 *   items={[
 *     {
 *       label: '订单编号',
 *       value: '123123'
 *     },
 *     {
 *       label: '创建时间',
 *       value: '2023-05-10 12:52:32'
 *     },
 *     {
 *       label: '支付方式',
 *       value: '微信支付'
 *     }
 *   ]}
 *   marginTop={55}
 * />
 *
 * // 用法2：传入子项 options 配置
 *
 * <LxItemGroup
 *   borderRadius={16}
 *   className="order-item-group"
 *   items={[
 *     {
 *       label: '订单编号',
 *       value: '123123'
 *     },
 *     {
 *       label: '创建时间',
 *       value: '2023-05-10 12:52:32'
 *     },
 *     {
 *       label: '支付方式',
 *       value: '微信支付'
 *     }
 *   ]}
 *   marginTop={55}
 * />
 */
export declare function LxItemGroup(props: LxItemGroupProps): JSX.Element;
export default LxItemGroup;