import React, { ReactNode } from 'react';
import styled from 'styled-components';

const Group = styled.div`
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: nowrap;
  gap: ${({ theme }) => theme.layout.controlGap};
  min-width: 0;
`;

interface TableActionGroupProps {
  children: ReactNode;
}

export const TableActionGroup: React.FC<TableActionGroupProps> = ({ children }) => (
  <Group role="group">{children}</Group>
);