fix: indent the note

2026-06-13 11:25:03 +03:00 · 2022-02-22 00:17:04 +05:30
1 changed files with 7 additions and 3 deletions
@@ -2,6 +2,7 @@ import * as React from "react";
 import styled from "styled-components";
 import { LabelText } from "~/components/Input";
 import Text from "~/components/Text";
+import Flex from "./Flex";

 type Props = React.HTMLAttributes<HTMLInputElement> & {
  width?: number;
@@ -49,9 +50,12 @@ function Switch({
          <InlineLabelText>{label}</InlineLabelText>
        </Label>
        {note && (
-          <Text type="secondary" size="small">
-            {note}
-          </Text>
+          <Flex>
+            <Input width={width} height={height} aria-hidden="true" />
+            <Text type="secondary" size="small">
+              {note}
+            </Text>
+          </Flex>
        )}
      </Wrapper>
    );