import { CSSObject } from 'styled-components';
import styled from 'styled-components/native';
import { IStylesTheme } from '../ButtonProps';

interface IStylesProps {
  theme: IStylesTheme;
  minWidth: string;
  styles?: CSSObject;
}

export const GeneralStyledBtn = styled.TouchableOpacity`
  ${({ styles }) => styles}
  align-items: center;
  borderRadius: 4px;
  border: none;
  display: flex;
  font-weight: 700;
  height: 22px;
  justifyContent: flex-start;
  flex-direction: row;
  letterSpacing: 0.5px;
  lineHeight: 16px;
  width: ${({ theme }: IStylesProps) => theme.width};
  min-width: ${({ minWidth }: IStylesProps) => minWidth}
`;
