You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
43 lines
940 B
TypeScript
43 lines
940 B
TypeScript
import React from 'react';
|
|
import classNames from 'classnames';
|
|
import { SessionIcon, SessionIconType } from '../icon';
|
|
|
|
export enum SessionDropDownItemType {
|
|
Default = 'default',
|
|
Danger = 'danger',
|
|
}
|
|
|
|
type Props = {
|
|
content: string;
|
|
type: SessionDropDownItemType;
|
|
icon: SessionIconType | null;
|
|
active: boolean;
|
|
onClick: any;
|
|
};
|
|
|
|
export const SessionDropdownItem = (props: Props) => {
|
|
const clickHandler = (e: any) => {
|
|
if (props.onClick) {
|
|
e.stopPropagation();
|
|
props.onClick();
|
|
}
|
|
};
|
|
|
|
const { content, type, icon, active } = props;
|
|
|
|
return (
|
|
<div
|
|
className={classNames(
|
|
'session-dropdown__item',
|
|
active ? 'active' : '',
|
|
type || SessionDropDownItemType.Default
|
|
)}
|
|
role="button"
|
|
onClick={clickHandler}
|
|
>
|
|
{icon ? <SessionIcon iconType={icon} iconSize="small" /> : ''}
|
|
<div className="item-content">{content}</div>
|
|
</div>
|
|
);
|
|
};
|