2a:["$","div","1",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":2}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 2: Adicione o parâmetro de tipo entre <T> depois do nome da função. Agora T é um 'placeholder' pro tipo real."}}]}]]}] 2b:["$","div","2",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":3}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 3: Use T nos parâmetros e no retorno. O TypeScript infere T automaticamente quando você chama a função."}}]}]]}] 2c:["$","div","3",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":4}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 4: Precisa restringir T? Use T extends SomeType. Isso garante que T tem propriedades específicas."}}]}]]}] 2d:["$","div","4",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":5}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 5: Quer valor padrão pro generic? Use T = DefaultType. Quem chamar sem especificar T recebe o default."}}]}]]}] 2e:["$","div","5",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":6}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 6: Múltiplos generics? Separe com vírgula: <T, U>. Cada um é independente."}}]}]]}] 2f:["$","div","6",{"className":"flex items-center gap-4","children":[["$","div",null,{"className":"flex items-center justify-center w-8 h-8 bg-lime-500 text-black rounded-full font-semibold","children":7}],["$","div",null,{"className":"text-gray-300","children":["$","div",null,{"dangerouslySetInnerHTML":{"__html":"Passo 7: Teste chamando a função com tipos diferentes. Se o autocomplete mostra o tipo correto, tá funcionando."}}]}]]}] 38:T45b,

// T precisa ter a propriedade 'length'
function logLength<T extends { length: number }>(item: T): void {
  console.log(item.length);
}

logLength("texto");      // OK, string tem length
logLength([1, 2, 3]);    // OK, array tem length
// logLength(42);         // ERRO! number não tem length

// T precisa ter 'id'
function findById<T extends { id: number }>(items: T[], id: number): T | undefined {
  return items.find(item => item.id === id);
}

const users = [{ id: 1, name: "Ana" }, { id: 2, name: "Bob" }];
const found = findById(users, 1); // tipo: { id: number; name: string } | undefined

// keyof constraint - T é chave de U
function getProperty<T, K extends keyof T>(obj: T, key: K): T[K] {
  return obj[key];
}

const user = { name: "Ana", age: 28 };
const name = getProperty(user, "name"); // tipo: string
const age = getProperty(user, "age");   // tipo: number
// getProperty(user, "email");           // ERRO! "email" não é chave de user