공통 컴포넌트 만드는 중

import './DefaultBtn.scss'

const DefaultBtn = ({
     text = "Button",
     icon = null,
     typeClassName = "",
     sizeClassName = "",
     ...props
}) => {
     return (
          <button
               className={`defaultBtn ${typeClassName} ${sizeClassName}}`}
          onClick={props.onClickButton}
          >
               {icon && <i className={`svg`}>{icon}</i>}
               {text}
          </button>
     )
}

export default DefaultBtn;

const DefaultInput = ({
  text = "기본 Input",
  typeClassName = "",
  sizeClassName = "",
  ...props
}) => {
  return (
    <input
      className={`defaultInput ${typeClassName} ${sizeClassName}`}
      onChange={props.onChangeInput}
      placeholder={text}
    />
  );
};

export default DefaultInput;