feat: refactor NewDates, clean up legacy code
This reverts commit 0c7836fa59.
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
.button {
|
||||
align-items: center;
|
||||
background: none;
|
||||
border: none;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
gap: var(--Space-x1);
|
||||
padding: var(--Space-x1) 0;
|
||||
text-align: left;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.text {
|
||||
color: var(--Text-Interactive-Default);
|
||||
}
|
||||
@@ -0,0 +1,30 @@
|
||||
"use client"
|
||||
import { Button as ButtonRAC } from "react-aria-components"
|
||||
|
||||
import {
|
||||
MaterialIcon,
|
||||
type MaterialIconProps,
|
||||
} from "@scandic-hotels/design-system/Icons/MaterialIcon"
|
||||
import { Typography } from "@scandic-hotels/design-system/Typography"
|
||||
|
||||
import styles from "./button.module.css"
|
||||
|
||||
interface ButtonProps extends React.PropsWithChildren {
|
||||
icon: MaterialIconProps["icon"]
|
||||
isDisabled?: boolean
|
||||
}
|
||||
|
||||
export default function Button({
|
||||
children,
|
||||
icon,
|
||||
isDisabled = false,
|
||||
}: ButtonProps) {
|
||||
return (
|
||||
<ButtonRAC className={styles.button} isDisabled={isDisabled}>
|
||||
<MaterialIcon color="Icon/Interactive/Default" icon={icon} />
|
||||
<Typography variant="Body/Paragraph/mdBold">
|
||||
<span className={styles.text}>{children}</span>
|
||||
</Typography>
|
||||
</ButtonRAC>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user