feat: title

src/components/checkbox.jsx

@@ -7,8 +7,13 @@ function CheckBox(props) {
         id={props.id}
         defaultChecked={props.checked}
         onClick={props.onClick}
+        title={props.title}
       />
-      <label className="form-check-label inline-block" htmlFor={props.id}>
+      <label
+        title={props.title}
+        className="form-check-label inline-block"
+        htmlFor={props.id}
+      >
         {props.label}
       </label>
     </div>

src/pages/create.jsx

@@ -62,6 +62,7 @@ function CreateNote() {
         <CheckBox
           className="justify-self-center lg:justify-self-start"
           label="Публичная заметка"
+          title="Если включено, то заметка будет видна всем пользователям"
           id="public"
           onClick={() => {
             setPublicState(!publicState);