diff --git a/src/components/Profile/BaanSelection/elements/BaanPanel.tsx b/src/components/Profile/BaanSelection/elements/BaanPanel.tsx new file mode 100644 index 0000000..ecbc508 --- /dev/null +++ b/src/components/Profile/BaanSelection/elements/BaanPanel.tsx @@ -0,0 +1,68 @@ +import Image from 'next/image'; +import { SelectedBaan } from '..'; +import { CheckCircleIcon } from '@heroicons/react/24/outline'; + +const profilePic = '/images/pfp-placeholder.svg'; + +export default function BaanPanel() { + const baan: SelectedBaan[] = [ + { name: 'บ้านนอก', imgUrl: profilePic, size: 'M', num: 1 }, + { name: 'บ้านโดต้าทู', imgUrl: profilePic, size: 'XL', num: 2 }, + { name: 'บ้านไำดอไำด', imgUrl: profilePic, size: 'XL', num: 3 }, + ]; + + return ( +
+ {data.name}
+
({data.size})
+
+ {data.name}
+
+ {data.surname}
+
+ แจฮยอน
+
+ คงแก่การเรียน
+
- แจฮยอน
-
- คงแก่การเรียน
-
- {data.name}
-
- {data.surname}
-
- {data.name}
-
(
- {data.size})
-