fix(test): update snapshot and remove component

Author: minheq

src/components/Modal/ModalContent.tsx

@@ -9668,264 +9668,6 @@ exports[`Paragraph_4 1`] = `
 
 exports[`Paragraph_5 1`] = `<div />`;
 
-exports[`PhoneNumberInput_0 1`] = `
-<h3>
-  Usage
-</h3>
-`;
-
-exports[`PhoneNumberInput_1 1`] = `
-<div>
-  <div
-    className="css-view-1dbjc4n"
-    style={
-      Object {
-        "WebkitBoxDirection": "normal",
-        "WebkitBoxOrient": "horizontal",
-        "WebkitFlexDirection": "row",
-        "flexDirection": "row",
-        "msFlexDirection": "row",
-      }
-    }
-  >
-    <div
-      className="css-cursor-18t94o4 css-view-1dbjc4n"
-      data-focusable={true}
-      disabled={false}
-      onKeyDown={[Function]}
-      onKeyPress={[Function]}
-      onKeyUp={[Function]}
-      onResponderGrant={[Function]}
-      onResponderMove={[Function]}
-      onResponderRelease={[Function]}
-      onResponderTerminate={[Function]}
-      onResponderTerminationRequest={[Function]}
-      onStartShouldSetResponder={[Function]}
-      role="button"
-      style={
-        Object {
-          "MozUserSelect": "none",
-          "WebkitUserSelect": "none",
-          "backgroundColor": "rgba(255,255,255,1.00)",
-          "borderBottomColor": "rgba(238,238,238,1.00)",
-          "borderBottomLeftRadius": "4px",
-          "borderBottomRightRadius": "0px",
-          "borderBottomWidth": "1px",
-          "borderLeftColor": "rgba(238,238,238,1.00)",
-          "borderLeftWidth": "1px",
-          "borderRightColor": "rgba(238,238,238,1.00)",
-          "borderRightWidth": "1px",
-          "borderTopColor": "rgba(238,238,238,1.00)",
-          "borderTopLeftRadius": "4px",
-          "borderTopRightRadius": "0px",
-          "borderTopWidth": "1px",
-          "cursor": "pointer",
-          "height": "48px",
-          "msTouchAction": "manipulation",
-          "msUserSelect": "none",
-          "paddingLeft": "32px",
-          "paddingRight": "32px",
-          "touchAction": "manipulation",
-          "userSelect": "none",
-        }
-      }
-      tabIndex="0"
-    >
-      <div
-        className="css-view-1dbjc4n"
-        style={
-          Object {
-            "WebkitAlignItems": "center",
-            "WebkitBoxAlign": "center",
-            "WebkitBoxDirection": "normal",
-            "WebkitBoxOrient": "horizontal",
-            "WebkitBoxPack": "center",
-            "WebkitFlexDirection": "row",
-            "WebkitJustifyContent": "center",
-            "alignItems": "center",
-            "flexDirection": "row",
-            "height": "100%",
-            "justifyContent": "center",
-            "msFlexAlign": "center",
-            "msFlexDirection": "row",
-            "msFlexPack": "center",
-          }
-        }
-      >
-        <div
-          className="css-view-1dbjc4n"
-          style={
-            Object {
-              "paddingLeft": "0px",
-              "paddingRight": "8px",
-            }
-          }
-        >
-          <div
-            className="css-text-76zvg2"
-            dir="auto"
-            style={
-              Object {
-                "WebkitAlignItems": "center",
-                "WebkitBoxAlign": "center",
-                "WebkitBoxPack": "center",
-                "WebkitJustifyContent": "center",
-                "alignItems": "center",
-                "color": "rgba(126,126,126,1.00)",
-                "display": "flex",
-                "fontFamily": "\\"SF UI Text\\",-apple-system,BlinkMacSystemFont,\\"Segoe UI\\",Roboto,Helvetica,Arial,sans-serif,\\"Apple Color Emoji\\",\\"Segoe UI Emoji\\",\\"Segoe UI Symbol\\"",
-                "fontSize": "16px",
-                "fontWeight": "600",
-                "justifyContent": "center",
-                "msFlexAlign": "center",
-                "msFlexPack": "center",
-                "textAlign": "center",
-              }
-            }
-          >
-            +1
-          </div>
-        </div>
-        <svg
-          color="#7e7e7e"
-          fill="none"
-          height={20}
-          size={20}
-          stroke="currentColor"
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth="2"
-          style={
-            Object {
-              "color": "#7e7e7e",
-            }
-          }
-          viewBox="0 0 24 24"
-          width={20}
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <polyline
-            points="6 9 12 15 18 9"
-          />
-        </svg>
-      </div>
-    </div>
-    <div
-      className="css-view-1dbjc4n"
-      style={
-        Object {
-          "WebkitBoxFlex": 1,
-          "WebkitFlexBasis": "0%",
-          "WebkitFlexGrow": 1,
-          "WebkitFlexShrink": 1,
-          "flexBasis": "0%",
-          "flexGrow": 1,
-          "flexShrink": 1,
-          "msFlexNegative": 1,
-          "msFlexPositive": 1,
-          "msFlexPreferredSize": "0%",
-          "position": "relative",
-        }
-      }
-    >
-      <div
-        className="css-view-1dbjc4n"
-        style={
-          Object {
-            "WebkitAlignItems": "center",
-            "WebkitBoxAlign": "center",
-            "WebkitBoxPack": "center",
-            "WebkitJustifyContent": "center",
-            "alignItems": "center",
-            "display": "flex",
-            "height": "100%",
-            "justifyContent": "center",
-            "left": "0px",
-            "msFlexAlign": "center",
-            "msFlexPack": "center",
-            "paddingLeft": "8px",
-            "paddingRight": "8px",
-            "position": "absolute",
-          }
-        }
-      />
-      <input
-        autoCapitalize="sentences"
-        autoComplete="on"
-        autoCorrect="on"
-        className="css-textinput-1cwyjr8 r-placeholderTextColor-15ldjex"
-        data-focusable={true}
-        dir="auto"
-        name="phone"
-        onBlur={[Function]}
-        onChange={[Function]}
-        onFocus={[Function]}
-        onKeyDown={[Function]}
-        onKeyPress={[Function]}
-        onSelect={[Function]}
-        placeholder="Enter your phone number"
-        readOnly={false}
-        spellCheck={true}
-        style={
-          Object {
-            "backgroundColor": "rgba(255,255,255,1.00)",
-            "borderBottomColor": "rgba(238,238,238,1.00)",
-            "borderBottomLeftRadius": "0px",
-            "borderBottomRightRadius": "4px",
-            "borderBottomWidth": "1px",
-            "borderLeftColor": "rgba(238,238,238,1.00)",
-            "borderLeftWidth": "1px",
-            "borderRightColor": "rgba(238,238,238,1.00)",
-            "borderRightWidth": "1px",
-            "borderTopColor": "rgba(238,238,238,1.00)",
-            "borderTopLeftRadius": "0px",
-            "borderTopRightRadius": "4px",
-            "borderTopWidth": "1px",
-            "color": "rgba(126,126,126,1.00)",
-            "fontSize": "16px",
-            "height": "48px",
-            "paddingLeft": "16px",
-            "paddingRight": "16px",
-            "width": "100%",
-          }
-        }
-        type="tel"
-        value=""
-      />
-      <div
-        className="css-view-1dbjc4n"
-        style={
-          Object {
-            "WebkitAlignItems": "center",
-            "WebkitBoxAlign": "center",
-            "WebkitBoxPack": "center",
-            "WebkitJustifyContent": "center",
-            "alignItems": "center",
-            "display": "flex",
-            "height": "100%",
-            "justifyContent": "center",
-            "msFlexAlign": "center",
-            "msFlexPack": "center",
-            "paddingLeft": "8px",
-            "paddingRight": "8px",
-            "position": "absolute",
-            "right": "0px",
-          }
-        }
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`PhoneNumberInput_2 1`] = `
-<h3>
-  Props
-</h3>
-`;
-
-exports[`PhoneNumberInput_3 1`] = `<div />`;
-
 exports[`Popover_0 1`] = `
 <div>
   <removeme />