gistfile1.txt

export const commonSheetStyles = StyleSheet.create({
  sheetHeader: {
    ...StyleUtils.flexRow(),
    alignItems: "center",
    justifyContent: "space-between",
    width: "100%",
    paddingHorizontal: "5%",
    paddingTop: "3%",
    paddingBottom: "4%",
  },
  sheetIcon: {
    ...StyleUtils.flexRowCenterAll(),
    borderRadius: "50%",
    aspectRatio: 1,
    padding: "2%",
  }
});

export function SheetX({ size = 14 }: { size?: number }) {
  const color = useThemeColoring("primaryText");
  const bg = tintColor(useThemeColoring("primaryViewBackground"), 0.05);
  return (
    <View style={[commonSheetStyles.sheetIcon, { backgroundColor: bg }]}>
      <LucideX size={size} color={color} />
    </View>
  );
}