feat: DesignSystem 초기 구성

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/appbar/ReedTopAppBar.kt

@@ -0,0 +1,144 @@
+package com.ninecraft.booket.core.designsystem.component.appbar
+
+import androidx.annotation.DrawableRes
+import androidx.compose.foundation.background
+import androidx.compose.foundation.layout.Arrangement
+import androidx.compose.foundation.layout.Row
+import androidx.compose.foundation.layout.Spacer
+import androidx.compose.foundation.layout.fillMaxHeight
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.height
+import androidx.compose.foundation.layout.width
+import androidx.compose.material3.Icon
+import androidx.compose.material3.IconButton
+import androidx.compose.material3.Text
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Alignment
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.res.painterResource
+import androidx.compose.ui.text.style.TextAlign
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.R
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
+
+@Composable
+fun ReedTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    @DrawableRes startIconRes: Int? = null,
+    startIconDescription: String = "",
+    startIconOnClick: () -> Unit = {},
+    @DrawableRes endIconRes: Int? = null,
+    endIconDescription: String = "",
+    endIconOnClick: () -> Unit = {},
+) {
+    Row(
+        modifier = modifier
+            .fillMaxWidth()
+            .height(56.dp)
+            .background(color = White),
+        verticalAlignment = Alignment.CenterVertically,
+        horizontalArrangement = Arrangement.Start,
+    ) {
+        if (startIconRes != null) {
+            IconButton(
+                onClick = { startIconOnClick() },
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .width(72.dp),
+            ) {
+                Icon(
+                    painter = painterResource(id = startIconRes),
+                    contentDescription = startIconDescription,
+                )
+            }
+        } else {
+            Spacer(modifier = Modifier.width(72.dp))
+        }
+
+        Text(
+            text = title,
+            style = ReedTheme.typography.heading2SemiBold,
+            modifier = Modifier.weight(1f),
+            textAlign = TextAlign.Center,
+        )
+
+        if (endIconRes != null) {
+            IconButton(
+                onClick = { endIconOnClick() },
+                modifier = Modifier
+                    .fillMaxHeight()
+                    .width(72.dp),
+            ) {
+                Icon(
+                    painter = painterResource(id = endIconRes),
+                    contentDescription = endIconDescription,
+                )
+            }
+        } else {
+            Spacer(modifier = Modifier.width(72.dp))
+        }
+    }
+}
+
+@Composable
+fun ReedBackTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    onNavigateBack: () -> Unit = {},
+) {
+    ReedTopAppBar(
+        modifier = modifier,
+        title = title,
+        startIconRes = R.drawable.ic_chevron_left,
+        startIconDescription = "Back",
+        startIconOnClick = onNavigateBack,
+    )
+}
+
+@Composable
+fun ReedCloseTopAppBar(
+    modifier: Modifier = Modifier,
+    title: String = "",
+    onClose: () -> Unit = {},
+) {
+    ReedTopAppBar(
+        modifier = modifier,
+        title = title,
+        endIconRes = R.drawable.ic_close,
+        endIconDescription = "Close",
+        endIconOnClick = onClose,
+    )
+}
+
+@Preview
+@Composable
+private fun ReedTopAppBarPreview() {
+    ReedTheme {
+        ReedTopAppBar(
+            title = "title",
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun ReedBackTopAppBarPreview() {
+    ReedTheme {
+        ReedBackTopAppBar(
+            title = "title",
+        )
+    }
+}
+
+@Preview
+@Composable
+private fun ReedCloseTopAppBarPreview() {
+    ReedTheme {
+        ReedCloseTopAppBar(
+            title = "title",
+        )
+    }
+}

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/bottomsheet/ReedBottomSheet.kt

@@ -0,0 +1,66 @@
+package com.ninecraft.booket.core.designsystem.component.bottomsheet
+
+import androidx.compose.foundation.layout.fillMaxWidth
+import androidx.compose.foundation.layout.padding
+import androidx.compose.foundation.shape.RoundedCornerShape
+import androidx.compose.material3.ExperimentalMaterial3Api
+import androidx.compose.material3.ModalBottomSheet
+import androidx.compose.material3.SheetState
+import androidx.compose.material3.SheetValue
+import androidx.compose.material3.rememberModalBottomSheetState
+import androidx.compose.runtime.Composable
+import androidx.compose.ui.Modifier
+import androidx.compose.ui.tooling.preview.Preview
+import androidx.compose.ui.unit.dp
+import com.ninecraft.booket.core.designsystem.component.button.ReedButton
+import com.ninecraft.booket.core.designsystem.component.button.ReedButtonColorStyle
+import com.ninecraft.booket.core.designsystem.component.button.largeButtonStyle
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+import com.ninecraft.booket.core.designsystem.theme.White
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Composable
+fun ReedBottomSheet(
+    onDismissRequest: () -> Unit,
+    modifier: Modifier = Modifier,
+    sheetState: SheetState = rememberModalBottomSheetState(),
+    content: @Composable () -> Unit,
+) {
+    ModalBottomSheet(
+        onDismissRequest = onDismissRequest,
+        modifier = modifier,
+        sheetState = sheetState,
+        sheetGesturesEnabled = false,
+        shape = RoundedCornerShape(topStart = 20.dp, topEnd = 20.dp),
+        dragHandle = null,
+        containerColor = White,
+    ) {
+        content()
+    }
+}
+
+@OptIn(ExperimentalMaterial3Api::class)
+@Preview(showBackground = true)
+@Composable
+private fun ReedBottomSheetPreview() {
+    val sheetState = SheetState(
+        skipPartiallyExpanded = true,
+        initialValue = SheetValue.Expanded,
+        positionalThreshold = { 0f },
+        velocityThreshold = { 0f },
+    )
+    ReedTheme {
+        ReedBottomSheet(
+            sheetState = sheetState,
+            onDismissRequest = {},
+        ) {
+            ReedButton(
+                onClick = {},
+                modifier = Modifier.padding(10.dp).fillMaxWidth(),
+                colorStyle = ReedButtonColorStyle.PRIMARY,
+                sizeStyle = largeButtonStyle,
+                text = "확인",
+            )
+        }
+    }
+}

core/designsystem/src/main/kotlin/com/ninecraft/booket/core/designsystem/component/button/ButtonColorStyle.kt

@@ -0,0 +1,31 @@
+package com.ninecraft.booket.core.designsystem.component.button
+
+import androidx.compose.runtime.Composable
+import com.ninecraft.booket.core.designsystem.theme.Kakao
+import com.ninecraft.booket.core.designsystem.theme.ReedTheme
+
+enum class ReedButtonColorStyle {
+    PRIMARY, SECONDARY, TERTIARY, KAKAO;
+
+    @Composable
+    fun containerColor(isPressed: Boolean) = when (this) {
+        PRIMARY -> if (isPressed) ReedTheme.colors.bgPrimaryPressed else ReedTheme.colors.bgPrimary
+        SECONDARY -> if (isPressed) ReedTheme.colors.bgSecondaryPressed else ReedTheme.colors.bgSecondary
+        TERTIARY -> if (isPressed) ReedTheme.colors.bgTertiaryPressed else ReedTheme.colors.bgTertiary
+        KAKAO -> Kakao
+    }
+
+    @Composable
+    fun contentColor() = when (this) {
+        PRIMARY -> ReedTheme.colors.contentInverse
+        SECONDARY -> ReedTheme.colors.contentPrimary
+        TERTIARY -> ReedTheme.colors.contentBrand
+        KAKAO -> ReedTheme.colors.contentPrimary
+    }
+
+    @Composable
+    fun disabledContainerColor() = ReedTheme.colors.bgDisabled
+
+    @Composable
+    fun disabledContentColor() = ReedTheme.colors.contentDisabled
+}