import type {FunctionComponent} from 'react'
import {Link, Stack} from 'expo-router'
import {MaterialIcons} from '@expo/vector-icons'

const TaskDetailLayout: FunctionComponent = () => {
  return (
    <Stack>
      <Stack.Screen
        name="index"
        options={{
          title: 'Labels',
          headerRight: ({tintColor}) => (
            <Link href="/labels/create">
              <MaterialIcons name="add" size={30} color={tintColor} />
            </Link>
          ),
        }}
      />
      <Stack.Screen
        name="create"
        options={{
          title: 'New label',
        }}
      />
    </Stack>
  )
}

export default TaskDetailLayout
