如何在jetpack compose中将文本定义为h1？

implementation 'androidx.compose.ui:ui:1.0.0'
implementation 'androidx.compose.material:material:1.0.0'

import androidx.compose.material.Typography
import androidx.compose.ui.text.TextStyle
import androidx.compose.ui.unit.sp

val h1TextStyle = TextStyle(
    fontSize = 24.sp,
    fontWeight = FontWeight.Bold
)

val typography = Typography(h1 = h1TextStyle)

import androidx.compose.material.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.text.style.TextAlign
import androidx.compose.ui.tooling.preview.Preview

@Composable
fun H1Text(text: String) {
    Text(
        text = text,
        style = typography.h1,
        textAlign = TextAlign.Center,
        modifier = Modifier.fillMaxWidth()
    )
}

@Preview
@Composable
fun H1TextPreview() {
    H1Text("Hello, World!")
}