import theme from "mazlo-theme";

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

export default StyleSheet.create({
  radio: {
    flexDirection: "row",
    backgroundColor: theme.colors.transparent,
    height: 35,
    marginLeft: 5,
    marginRight: 5,
  },

  radioItem: {
    backgroundColor: theme.colors.white,
    borderRadius: 2,
    height: 25,
    marginBottom: 5,
    marginTop: 5,
    justifyContent: "center",
    alignItems: "center",
  },

  radioItemText: {
    color: theme.colors.black,
    fontSize: theme.fontSizes.sm,
    fontWeight: theme.fontWeights.medium,
  },

  selectedItem: {
    backgroundColor: theme.colors.grey,
  },

  selectedText: {
    color: theme.colors.focus,
  },
});