// Metro module 11643 (f11644).
import { View } from "react-native";
import { createStyles } from "../../../../design/components/Styles/native/createStyles";
import Module712 from "../../../../_bundle/Module712";
import { Text } from "../../../../design/components/Text/native/Text";
const useStyles = createStyles({
  headerContainer: {
    padding: Module712.space.PX_16
  }
});
export default function GuildPowerupsSectionHeader(props) {
  const { title, description } = props;
  return <View style={useStyles().headerContainer}>
    <Text variant="heading-lg/semibold" accessibilityRole="header">{title}</Text>
    <Text variant="text-md/normal">{description}</Text>
  </View>;
};