【React】Buttonの有効・無効状態でcssを分ける

sample.tsx

//ボタンの状態
const [disabled, setDisabled] = useState(true);

sample.html

<div className="testbutton">
  <Button buttonName="テスト用" disabled={disabled} />
</div>

sample.scss

.testbutton {
  ～
  ～
  button:disabled {
    ～
    ～
  }
  button:enabled {
    ～
    ～
  }
}