import theme from "mazlo-theme";

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

export default StyleSheet.create({
  checkbox: {
    alignItems: "center",
    borderColor: theme.colors.border,
    borderRadius: 2,
    borderWidth: 1,
    height: 20,
    justifyContent: "center",
    margin: 4,
    width: 20,
    flexGrow: 0,
  },
  checkedImageBackground: {
    height: 8,
    width: 10,
  },
  checked: {
    backgroundColor: theme.colors.focus,
  },
  container: {
    alignItems: "center",
    flexDirection: "row",
  },
  uncheckedImageBackground: {
    height: "100%",
    width: "100%",
  },
});