kafka-ui/kafka-ui-react-app/src/components/common/Dropdown/DropdownItem.tsx
Oleg Shur eb47ec012d
Upgrade to React 18 (#1955)
* Upgrade deps

* migration

* Fix specs

* exclude index.tsx from sonar metrics

* Update deps
2022-05-12 01:03:08 +03:00

31 lines
577 B
TypeScript

import React, { PropsWithChildren } from 'react';
import * as S from './Dropdown.styled';
export interface DropdownItemProps {
onClick(): void;
danger?: boolean;
}
const DropdownItem: React.FC<PropsWithChildren<DropdownItemProps>> = ({
onClick,
danger,
children,
}) => {
const onClickHandler = (e: React.MouseEvent) => {
e.preventDefault();
onClick();
};
return (
<S.Item
$isDanger={!!danger}
onClick={onClickHandler}
className="dropdown-item is-link"
>
{children}
</S.Item>
);
};
export default DropdownItem;