From f7018ad038a4872124ba4752318224187d46ebc7 Mon Sep 17 00:00:00 2001
From: casperjr <hyunjw0515@gmail.com>
Date: Sat, 11 Jan 2025 03:53:24 +0900
Subject: [PATCH] =?UTF-8?q?[ui]:=20=ED=95=98=EB=8B=A8=20=EC=A0=84=EC=B2=B4?=
 =?UTF-8?q?=20=EB=84=88=EB=B9=84=EC=9D=98=20=EB=B0=98=EC=9D=84=20=EC=B0=A8?=
 =?UTF-8?q?=EC=A7=80=ED=95=98=EB=8A=94=20=EA=B3=B5=ED=86=B5=20=EB=B2=84?=
 =?UTF-8?q?=ED=8A=BC=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ui/common/BottomHalfWidthButton.kt        | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 app/src/main/java/com/kuit/ourmenu/ui/common/BottomHalfWidthButton.kt

diff --git a/app/src/main/java/com/kuit/ourmenu/ui/common/BottomHalfWidthButton.kt b/app/src/main/java/com/kuit/ourmenu/ui/common/BottomHalfWidthButton.kt
new file mode 100644
index 0000000..b8f85cc
--- /dev/null
+++ b/app/src/main/java/com/kuit/ourmenu/ui/common/BottomHalfWidthButton.kt
@@ -0,0 +1,59 @@
+package com.kuit.ourmenu.ui.common
+
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Column
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.fillMaxSize
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.layout.size
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.Button
+import androidx.compose.material3.ButtonDefaults
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.draw.shadow
+import androidx.compose.ui.graphics.Color
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+
+@Composable
+fun BottomHalfWidthButton(
+    onClick: () -> Unit,
+    containerColor: Color,
+    contentColor: Color,
+    text: String
+) {
+    Button(
+        onClick = onClick,
+        modifier = Modifier
+            .size(154.dp, 52.dp)
+            .shadow(elevation = 4.dp, shape = RoundedCornerShape(12.dp)),
+        shape = RoundedCornerShape(12.dp),
+        colors = ButtonDefaults.buttonColors(
+            containerColor = containerColor,
+            contentColor = contentColor
+        ),
+    ) {
+        Text(text = text)
+    }
+}
+
+@Preview(showBackground = true)
+@Composable
+private fun BottomHalfWidthButtonPreview() {
+    Column(
+        modifier = Modifier
+            .fillMaxSize()
+            .padding(20.dp),
+        verticalArrangement = Arrangement.Center,
+        horizontalAlignment = Alignment.CenterHorizontally
+    ) {
+        Row(modifier = Modifier.fillMaxWidth(), horizontalArrangement = Arrangement.SpaceBetween) {
+            BottomHalfWidthButton({}, Color(0xFFC2C2C4), Color.White, "취소")
+            BottomHalfWidthButton({}, Color(0xFFFF5420), Color.White, "적용하기")
+        }
+    }
+}