// Metro module 14964 (f14965).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
const useStyles = createStyles({
  container: {
    flex: 1,
    flexDirection: "row",
    alignItems: "center",
    justifyContent: "space-between",
    gap: 12
  },
  titleContainer: {
    flex: 1,
    flexDirection: "column",
    justifyContent: "center",
    gap: 2
  },
  rightContainer: {
    overflow: "hidden"
  }
});
export function HomeDrawerSharedItem(props) {
  const { title, subtitle, right } = props;
  const styles = useStyles();
  return <View style={styles.container}>
    <View style={styles.titleContainer}>
      {title}
      {subtitle}
    </View>
    {right != null ? <View style={styles.rightContainer}>{right}</View> : null}
  </View>;
}