import { jsx as _jsx } from "react/jsx-runtime";
import styled from 'styled-components';
import { Button } from '../buttonv2/Buttonv2.component';
import { Icon } from '../icon/Icon.component';
const TableSyncContainer = styled.div `
  display: flex;
  align-items: center;
`;
export function TableSync({ onSync, tooltipOverlay, loading = false, ...rest }) {
    return (_jsx(TableSyncContainer, { children: _jsx(Button, { icon: _jsx(Icon, { name: "Sync" }), tooltip: tooltipOverlay ? { overlay: tooltipOverlay } : undefined, onClick: onSync, "aria-label": "Synchronize table data", role: "button", isLoading: loading, ...rest }) }));
}
