2022-07-27 09:33:50 +00:00
|
|
|
import React from 'react';
|
|
|
|
|
2022-09-06 17:32:20 +00:00
|
|
|
import { IconHorizontalPoints } from '../../../base/icons/svg';
|
2022-07-27 09:33:50 +00:00
|
|
|
import Button from '../../../base/ui/components/web/Button';
|
|
|
|
|
|
|
|
type Props = {
|
|
|
|
|
|
|
|
/**
|
|
|
|
* 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-09-08 09:52:36 +00:00
|
|
|
};
|
2022-07-27 09:33:50 +00:00
|
|
|
|
|
|
|
const ParticipantActionEllipsis = ({ accessibilityLabel, onClick }: Props) => (
|
|
|
|
<Button
|
|
|
|
accessibilityLabel = { accessibilityLabel }
|
|
|
|
icon = { IconHorizontalPoints }
|
|
|
|
onClick = { onClick }
|
|
|
|
size = 'small' />
|
|
|
|
);
|
|
|
|
|
|
|
|
export default ParticipantActionEllipsis;
|