feat(SW-184): added main components for new header
This commit is contained in:
9
components/Header/TopMenu/Button/button.module.css
Normal file
9
components/Header/TopMenu/Button/button.module.css
Normal file
@@ -0,0 +1,9 @@
|
||||
.button {
|
||||
background-color: transparent;
|
||||
color: var(--Base-Text-High-contrast);
|
||||
border-width: 0;
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
gap: var(--Spacing-x1);
|
||||
align-items: center;
|
||||
}
|
||||
2
components/Header/TopMenu/Button/button.ts
Normal file
2
components/Header/TopMenu/Button/button.ts
Normal file
@@ -0,0 +1,2 @@
|
||||
export interface ButtonProps
|
||||
extends React.ButtonHTMLAttributes<HTMLButtonElement> {}
|
||||
11
components/Header/TopMenu/Button/index.tsx
Normal file
11
components/Header/TopMenu/Button/index.tsx
Normal file
@@ -0,0 +1,11 @@
|
||||
import { ButtonProps } from "./button"
|
||||
|
||||
import styles from "./button.module.css"
|
||||
|
||||
export default function Button({ children, ...props }: ButtonProps) {
|
||||
return (
|
||||
<button type="button" className={styles.button} {...props}>
|
||||
{children}
|
||||
</button>
|
||||
)
|
||||
}
|
||||
Reference in New Issue
Block a user