import React from 'react';
import type { ViewProps } from '@tarojs/components';
import type { PaddingProps, MarginProps, BackgroundProps, BorderRadiusProps, BorderProps } from '@lx-react-materiel/shared';
import { type Required as IRequired } from 'utility-types';
import './index.less';
type PickViewProps = Pick<ViewProps, 'className' | 'style'>;
interface LxItemProps extends PaddingProps, MarginProps, BackgroundProps, BorderRadiusProps, BorderProps, PickViewProps {
    label?: string;
    leftColor?: string;
    leftSize?: number;
    value?: string | number;
    rightColor?: string;
    rightSize?: number;
    valueOnClick?: Pick<ViewProps, 'onClick'>['onClick'];
    slotLeft?: React.ReactNode;
    slotRight?: React.ReactNode;
}
/**
 * 仅仅有 slot 用法
 * slotLeft & slotRight 是必备属性
 * 其他属性是可选属性
 */
export type IOnlySlot = IRequired<Pick<LxItemProps, 'slotLeft' | 'slotRight' | 'padding' | 'background' | 'borderRadius'>, 'slotLeft' | 'slotRight'>;
/**
 * 传递 slotLeft 场景
 * slotLeft & value 是必备属性，其他是可选属性
 */
export type IOnlySlotLeft = IRequired<Omit<LxItemProps, 'label' | 'leftColor' | 'leftSize' | 'slotRight'>, 'slotLeft' | 'value'>;
/**
 * 传递 slotRight 场景
 * slotRight & label 是必备属性，其他是可选属性
 */
export type IOnlySlotRight = IRequired<Omit<LxItemProps, 'value' | 'rightColor' | 'rightSize' | 'valueOnClick' | 'slotLeft'>, 'slotRight' | 'label'>;
/**
 * 没有 slot 场景。默认
 * label & value 是必备属性，其他是可选属性
 */
export type INotSlot = IRequired<Omit<LxItemProps, 'slotLeft' | 'slotRight'>, 'label' | 'value'>;
/**
 * @param props
 * @constructor
 * @example
 * // 没有 slot
 * <LxItem label='支付方式' leftColor='#666' value='微信支付' rightColor='#333' background='#fff' padding='' borderRadius={30} valueOnClick={() => console.log('click')}></LxItem>
 *
 * // 只传递了 slot left
 * <LxItem<IOnlySlotLeft> slotLeft={<Text>12312</Text>} value='微信支付' rightColor='#333' background='#fff' padding='' borderRadius={30} valueOnClick={() => console.log('click')}></LxItem>
 *
 * // 只传递了 slot right
 * <LxItem<IOnlySlotRight> label='只传递了 slot right' leftColor='#666' slotRight={<Text>slot right value</Text>}  background='#fff' padding='' borderRadius={30}></LxItem>
 *
 * // 传递了slotLeft & slotRight
 * <LxItem<IOnlySlot> slotLeft={<Text>12312</Text>} slotRight={<Text>slot right value</Text>}  background='#fff' padding='' borderRadius={30}></LxItem>
 */
export declare function LxItem<P extends LxItemProps = INotSlot>(props: P): JSX.Element;
export declare namespace LxItem {
    var defaultProps: {
        background: string;
        borderRadius: number;
    };
}
export {};