31 lines
585 B
TypeScript
31 lines
585 B
TypeScript
import { type IconProps } from '@chakra-ui/react';
|
|
import MyIcon from '@fastgpt/web/components/common/Icon';
|
|
import type { IconNameType } from '@fastgpt/web/components/common/Icon/type';
|
|
|
|
function IconButton({
|
|
name,
|
|
w = '1rem',
|
|
...props
|
|
}: {
|
|
name: IconNameType;
|
|
} & IconProps) {
|
|
return (
|
|
<MyIcon
|
|
name={name}
|
|
w={w}
|
|
h={w}
|
|
transition={'background 0.1s'}
|
|
cursor={'pointer'}
|
|
p="1"
|
|
rounded={'sm'}
|
|
_hover={{
|
|
bg: 'myGray.05',
|
|
color: 'primary.600'
|
|
}}
|
|
{...props}
|
|
/>
|
|
);
|
|
}
|
|
|
|
export default IconButton;
|