2022-07-27 09:33:50 +00:00
|
|
|
import React from 'react';
|
|
|
|
|
2022-11-08 10:24:32 +00:00
|
|
|
import { IconDotsHorizontal } from '../../../base/icons/svg';
|
2022-07-27 09:33:50 +00:00
|
|
|
import Button from '../../../base/ui/components/web/Button';
|
|
|
|
|
2022-11-03 08:35:51 +00:00
|
|
|
interface IProps {
|
2022-07-27 09:33:50 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Label used for accessibility.
|
|
|
|
*/
|
2022-09-08 09:52:36 +00:00
|
|
|
accessibilityLabel: string;
|
2022-07-27 09:33:50 +00:00
|
|
|
|
|
|
|
/**
|
|
|
|
* Click handler function.
|
|
|
|
*/
|
|
|
|
onClick: () => void;
|
2022-11-03 08:35:51 +00:00
|
|
|
}
|
2022-07-27 09:33:50 +00:00
|
|
|
|
2022-11-03 08:35:51 +00:00
|
|
|
const ParticipantActionEllipsis = ({ accessibilityLabel, onClick }: IProps) => (
|
2022-07-27 09:33:50 +00:00
|
|
|
<Button
|
|
|
|
accessibilityLabel = { accessibilityLabel }
|
2022-11-08 10:24:32 +00:00
|
|
|
icon = { IconDotsHorizontal }
|
2022-07-27 09:33:50 +00:00
|
|
|
onClick = { onClick }
|
|
|
|
size = 'small' />
|
|
|
|
);
|
|
|
|
|
|
|
|
export default ParticipantActionEllipsis;
|