Button styling cleanup, prop consistency

resources/scripts/components/server/settings/ReinstallServerBox.tsx

@@ -6,7 +6,7 @@ import { Actions, useStoreActions } from 'easy-peasy';
 import { ApplicationStore } from '@/state';
 import { httpErrorToHuman } from '@/api/http';
 import tw from 'twin.macro';
-import Button from '@/components/elements/Button';
+import { Button } from '@/components/elements/button/index';
 import { Dialog } from '@/components/elements/dialog';
 
 export default () => {
@@ -57,14 +57,9 @@ export default () => {
                 </strong>
             </p>
             <div css={tw`mt-6 text-right`}>
-                <Button
-                    type={'button'}
-                    color={'red'}
-                    isSecondary
-                    onClick={() => setModalVisible(true)}
-                >
+                <Button.Danger variant={Button.Variants.Secondary} onClick={() => setModalVisible(true)}>
                     Reinstall Server
-                </Button>
+                </Button.Danger>
             </div>
         </TitledGreyBox>
     );