Function DialogTitle

src/components/Dialog/DialogTitle.tsx:49–75

({
  children,
  theme: themeOverrides,
  style,
  ...rest
}: Props)

 * ```
 */
const DialogTitle = ({
  children,
  theme: themeOverrides,
  style,
  ...rest
}: Props) => {
  const theme = useInternalTheme(themeOverrides);
  const { isV3, colors, fonts } = theme;

  const TextComponent = isV3 ? Text : Title;

  const headerTextStyle = {
    color: isV3 ? colors.onSurface : colors?.text,
    ...(isV3 ? fonts.headlineSmall : {}),
  };

  return (
    <TextComponent
      variant="headlineSmall"
      accessibilityRole="header"
      style={[styles.text, isV3 && styles.v3Text, headerTextStyle, style]}
      {...rest}
    >
      {children}
    </TextComponent>
  );
};

DialogTitle.displayName = 'Dialog.Title';