import styled from 'styled-components/native';

interface IStylesProps {
  directionFlex: 'column' | 'row';
}

interface IStylesPropsContainer {
  nElements: number;
}

export const StyledButtonGroup = styled.View`
  display: flex;
  flex-direction: ${({directionFlex}: IStylesProps) => directionFlex};
  width: 100%;
  height: 100%;
  justify-content: flex-start;
`;

export const ContainerButton = styled.View`
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin: 0px;
  width: auto;
`;
