hunk.code_window:   const handleCreateAuthApiDatasource = useCallback(() => {
       if (authApiPlugin) {
         AnalyticsUtil.logEvent("CREATE_DATA_SOURCE_AUTH_API_CLICK", {
           pluginId: authApiPlugin.id,
         });
         props.createDatasourceFromForm({
           pluginId: authApiPlugin.id,
         });
       }
     }, [authApiPlugin, props.createDatasourceFromForm]);
  
hunk.labels: keep keep keep keep add keep keep keep keep keep
hunk.after_edit:       AnalyticsUtil.logEvent("CREATE_DATA_SOURCE_CLICK", {
           plugin: authApiPlugin,
         });
  
hunk.file_path: app/client/src/pages/Editor/IntegrationEditor/NewApi.tsx
hunk.type: add
file: import styled from "styled-components";
  export default styled.div<{ width: number }>`
    width: ${(props) => props.width}px;
    margin: 0 auto;
    position: relative;
    background: ${(props) => {
      return props.theme.colors.artboard;
    }};
    padding: 0 0 ${(props) => props.theme.canvasBottomPadding}px 0px;
  `;
  