@serendie/ui
Version:
Adaptive UI component library as part of Serendie Design System by Mitsubishi Electric
47 lines (46 loc) • 1.22 kB
TypeScript
import { ComponentProps } from 'react';
export declare const ListItemStyle: import('../../../styled-system/types').SlotRecipeRuntimeFn<"title" | "description" | "root" | "badge" | "leftIcon" | "rightIcon" | "wrapper" | "textGroup", {
isLargeLeftIcon: {
true: {
leftIcon: {
"& svg": {
width: "40px";
height: "40px";
};
};
};
false: {};
};
size: {
small: {
wrapper: {
minH: number;
};
};
};
}>;
type ListItemBaseProps = {
title: string;
description?: string;
rightIcon?: React.ReactElement;
leftIcon?: React.ReactElement;
isLargeLeftIcon?: boolean;
badge?: number;
children?: React.ReactNode;
disabled?: boolean;
selected?: boolean;
focusVisible?: boolean;
size?: "small";
};
type ExclusiveRightItemProps = ({
badge?: number;
} & {
rightIcon?: never;
}) | ({
badge?: never;
} & {
rightIcon?: React.ReactElement;
});
type ListItemProps = ComponentProps<"li"> & ListItemBaseProps & ExclusiveRightItemProps;
export declare const ListItem: React.FC<ListItemProps>;
export {};