import theme from "mazlo-theme";

import StyleSheet from "../../services/StyleSheet";

export default StyleSheet.create({
  container: {
    borderRadius: 2,
    alignItems: "center",
    justifyContent: "center",
    flexDirection: "row",
    position: "relative",
  },
  text: {
    fontWeight: "500",
    padding: theme.space[2],
    textAlign: "center",
  },
  backgroundImage: {
    height: "100%",
    width: "100%",
  },
  disabled: {
    opacity: 0.2,
  },
  icon: {
    padding: theme.space[2],
  },
  reset: {
    backgroundColor: "transparent",
    backgroundImage: null,
    borderStyle: "solid",
    borderWidth: 0,
    borderColor: "transparent",
    color: theme.colors.text,
    display: "flex",
    lineHeight: theme.lineHeights.normal,
    overflow: "visible",
    padding: 0,
  },
  pill: {
    borderRadius: 17,
  },
});