A case for interviewing a TypeScript developer

react-interview-type.tsx

// The objective is to properly implement `ControlProps`.

const Control = (props: ControlProps) => {
  const { variant, ...rest } = props;

  if (variant === "button") {
    return (
      <button {...rest} />
    );
  } if (variant === "link") {
    return (
      <a {...rest} />
    );
  }

  return null;
}

const Panel = () => (
  <>
    <Control variant="button" type="button" onClick={() => {}}>
      I am a button
    </Control>
    <Control variant="link" href="#">
      I am an anchor
    </Control>
  </>
);