Parent Get/Set Child Property

export function Tab(props: {label: string}){
    return (
      <p>{props.label}</p>
    )
}

export function Tabs(props: SomeUsefulGeneric<Tab>>) {
    const kids = children(props.children)
    const labels = kids().map(child => child.label)
    // do stuff with the labels
    return (
        <Paper>
            {kids()}
        </Paper>
    )
}

export function Tab(props: {label: string}){
    return (
      <p>{props.label}</p>
    )
}

export function Tabs(props: SomeUsefulGeneric<Tab>>) {
    const kids = children(props.children)
    const labels = kids().map(child => child.label)
    // do stuff with the labels
    return (
        <Paper>
            {kids()}
        </Paper>
    )
}