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};
  flex-wrap: wrap;
  justify-content: flex-start;
  margin-bottom: 8px;
  padding-bottom: 4px;
`;

export const ContainerButton = styled.View`
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
`;
