From b3ea954f6ec5d17eba9b09d991840999de923165 Mon Sep 17 00:00:00 2001
From: siriwatknp <siriwatkunaporn@gmail.com>
Date: Mon, 29 Apr 2024 09:31:17 +0700
Subject: [PATCH] use Chip

---
 apps/pigment-css-next-app/src/app/page.tsx | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/apps/pigment-css-next-app/src/app/page.tsx b/apps/pigment-css-next-app/src/app/page.tsx
index 3bc21b10..467529a6 100644
--- a/apps/pigment-css-next-app/src/app/page.tsx
+++ b/apps/pigment-css-next-app/src/app/page.tsx
@@ -1,6 +1,6 @@
 import Image from 'next/image';
 import { styled, css } from '@pigment-css/react';
-import Button from '@mui/material/Button';
+import Chip from '@mui/material/Chip';
 import styles from './page.module.css';
 
 declare global {
@@ -199,7 +199,7 @@ export default function Home() {
           </h2>
           <p>Instantly deploy your Next.js site to a shareable URL with Vercel.</p>
         </a>
-        <Button
+        <Chip
           sx={{
             color: 'red',
             backgroundColor: 'blue',
@@ -208,9 +208,8 @@ export default function Home() {
               backgroundColor: 'red',
             },
           }}
-        >
-          Hello
-        </Button>
+          label="Hello"
+        />
       </div>
     </Main>
   );