hunk.code_window: const FlexContainer = styled.div`
     display: flex;
   `;
   function Settings() {
  
hunk.labels: keep keep add keep keep keep
hunk.after_edit:   height: 100%;
  
hunk.file_path: app/client/src/ce/pages/AdminSettings/index.tsx
hunk.type: add
file: import { ValidationResponse } from "constants/WidgetValidation";
  import { MenuButtonWidgetProps } from "./constants";
  
  /**
   * Checks if the source data array
   * - is Array
   * - has a max length of 10
   */
  export function sourceDataArrayValidation(
    options: unknown,
    props: MenuButtonWidgetProps,
    _: any,
  ): ValidationResponse {
    const invalidResponse = {
      isValid: false,
      parsed: [],
      messages: ["This value does not evaluate to type Array"],
    };
  
    try {
      if (_.isString(options)) {
        options = JSON.parse(options as string);
      }
  
      if (Array.isArray(options)) {
        let isValid = true;
        let message = "";
  
        if (options.length > 10) {
          isValid = false;
          message = "Source data cannot have more than 10 items";
        }
  
        return {
          isValid,
          parsed: isValid ? options : [],
          messages: [message],
        };
      } else {
        return invalidResponse;
      }
    } catch (e) {
      return invalidResponse;
    }
  }
  