// Metro module 15136 (f15137).
import { View } from "react-native";
import { createStyles } from "../../../design/components/Styles/native/createStyles";
import Module712 from "../../../_bundle/Module712";
import GuildThemePreviewArt from "./GuildThemePreviewArt";
const useStyles = createStyles({
  container: {
    width: "100%",
    aspectRatio: 1.7777777777777777,
    alignItems: "center",
    justifyContent: "center",
    marginBottom: Module712.space.PX_24
  }
});
export default function GuildThemeNuxPreviewGraphic(props) {
  const { themeSettings, isPersonal } = props;
  return <View accessibilityElementsHidden importantForAccessibility="no-hide-descendants" style={useStyles().container}>
    <GuildThemePreviewArt themeSettings={isPersonal ? null : themeSettings} />
  </View>;
};