// Metro module 9411 (f9412).
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
const useStyles = createStyles({
  emojiContainer: {
    flexDirection: "row",
    alignItems: "center"
  },
  emojiDescriptionWrapper: {
    flexDirection: "column",
    flex: 1
  },
  emojiWrapper: {
    marginLeft: -8,
    marginRight: 8
  },
  emojiIcon: {
    width: 40,
    height: 40,
    marginRight: 12,
    borderRadius: Module712.radii.sm,
    resizeMode: "contain"
  },
  divider: {
    marginTop: Module712.space.PX_16,
    marginBottom: Module712.space.PX_16,
    marginLeft: 0,
    backgroundColor: Module712.colors.BORDER_SUBTLE,
    height: 0.5
  },
  ctaButton: {
    marginTop: 16
  }
});
export { useStyles as useSharedMessageEmojiStyles };