@teravn/onui
Version:
The React UI component library is based on MUI
83 lines (82 loc) • 2.72 kB
TypeScript
import { OwnerStateThemeType } from './';
declare const Chip: () => {
MuiChip: {
styleOverrides: {
root: ({ ownerState, theme }: OwnerStateThemeType) => {
padding?: string | undefined;
height?: string | undefined;
columnGap: string;
width: string;
};
icon: ({ ownerState, theme }: OwnerStateThemeType) => {
fontSize: string;
margin: number;
};
avatar: () => {
margin: number;
width: number;
height: number;
};
colorError: ({ theme }: OwnerStateThemeType) => {
backgroundColor: string;
'& .MuiChip-label, & .MuiChip-icon': {
color: string;
};
'&:hover': {
backgroundColor: string;
};
};
colorInfo: ({ theme }: OwnerStateThemeType) => {
backgroundColor: string;
'& .MuiChip-label, & .MuiChip-icon': {
color: string;
};
'&:hover': {
backgroundColor: string;
};
};
colorPrimary: ({ theme }: OwnerStateThemeType) => {
backgroundColor: string;
'& .MuiChip-label, & .MuiChip-icon': {
color: string;
};
'&:hover': {
backgroundColor: string;
};
};
colorSuccess: ({ theme }: OwnerStateThemeType) => {
backgroundColor: string;
'& .MuiChip-label, & .MuiChip-icon': {
color: string;
};
'&:hover': {
backgroundColor: string;
};
};
colorWarning: ({ theme }: OwnerStateThemeType) => {
backgroundColor: string;
'& .MuiChip-label, & .MuiChip-icon': {
color: string;
};
'&:hover': {
backgroundColor: string;
};
};
label: ({ theme }: OwnerStateThemeType) => {
color: string;
padding: number;
};
labelSmall: {
fontSize: string;
fontWeight: string;
lineHeight: string;
};
labelMedium: {
fontSize: string;
fontWeight: string;
lineHeight: string;
};
};
};
};
export default Chip;