import { Platform } from "react-native";

import theme from "mazlo-theme";

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

export default StyleSheet.create({
  addButtonContainer: {
    padding: theme.space[2],
  },
  buttonContainer: {
    position: "relative",
    padding: 0,
    zIndex: 10,
  },
  button: {
    backgroundColor: "transparent",
  },
  buttonText: {
    padding: 0,
    paddingTop: theme.space[1],
    paddingLeft: theme.space[4],
  },
  container: {
    borderColor: theme.colors.border,
    borderRadius: 2,
    borderWidth: 1,
  },
  dragHandle: {
    ...Platform.select({
      web: {
        cursor: "grab",
      },
    }),
    position: "relative",
    marginRight: theme.space[4],
    paddingTop: theme.space[1],
    zIndex: 10,
  },
  item: {
    flex: 1,
  },
  itemContainer: {
    backgroundColor: theme.colors.grey,
    borderBottomColor: theme.colors.border,
    borderBottomWidth: 1,
  },
});