import { useSDK } from "../../providers/SDKProvider";
|
import { Button } from "@humansignal/ui";
|
|
const SDKButton = ({ eventName, testId, ...props }) => {
|
const sdk = useSDK();
|
|
return sdk.hasHandler(eventName) ? (
|
<Button
|
{...props}
|
size={props.size ?? "small"}
|
look={props.look ?? "outlined"}
|
variant={props.variant ?? "neutral"}
|
aria-label={`${eventName.replace("Clicked", "")} button`}
|
data-testid={testId}
|
onClick={() => {
|
sdk.invoke(eventName);
|
}}
|
/>
|
) : null;
|
};
|
|
export const SettingsButton = ({ ...props }) => {
|
return <SDKButton {...props} eventName="settingsClicked" />;
|
};
|
|
export const ImportButton = ({ ...props }) => {
|
return <SDKButton {...props} eventName="importClicked" testId="dm-import-button" />;
|
};
|
|
export const ExportButton = ({ ...props }) => {
|
return <SDKButton {...props} eventName="exportClicked" testId="dm-export-button" />;
|
};
|
