Tabs

() => {
  const CustomComponent = ({ children }) => {
    return (
      <Box paddingSize="sm">
        <Text>{children}</Text>
      </Box>
    )
  }

  const data = [
    {
      id: 'tab-1',
      label: 'Aprovadas',
      content: <CustomComponent>Aprovadas</CustomComponent>
    },
    {
      id: 'tab-2',
      label: 'Reprovadas',
      content: <CustomComponent>Reprovadas</CustomComponent>,
      selected: true
    },
    {
      id: 'tab-3',
      label: 'Em Análise',
      content: <CustomComponent>Em análise</CustomComponent>
    }
  ]

  return <Tabs data={data} />
}