좋은 컴포넌트의 조건

interface ButtonProps {
  // 필수 Props — 반드시 전달해야 동작
  label: string;
  onClick: () => void;

  // 선택 Props — 기본값이 있어 생략 가능
  variant?: "primary" | "secondary" | "danger";
  size?: "sm" | "md" | "lg";
  disabled?: boolean;
  icon?: React.ReactNode;

  // children — 내부 콘텐츠를 유연하게
  children?: React.ReactNode;
}

function Button({
  label,
  onClick,
  variant = "primary",  // 기본값
  size = "md",
  disabled = false,
  children,
}: ButtonProps) {
  return (
    <button onClick={onClick} disabled={disabled}>
      {children || label}
    </button>
  );
}