apps/newsletters-ui/src/app/components/DefaultStyles.tsx (28 lines of code) (raw):

import { css } from '@mui/material'; import type { ReactNode } from 'react'; import { appTheme } from '../../app-theme'; const stylesCss = css` font-family: 'roboto'; .left-aligned-step-button { .MuiStepLabel-root { flex: 1; text-align: left; min-height: 4rem; transition: background-color 0.5s; } .MuiStepLabel-label { font-weight: 700; text-decoration: underline; } &:hover { .MuiStepLabel-root { background-color: ${appTheme.palette.primary.light}; } } } ` interface DefaultStylesProps { children: ReactNode; } export function DefaultStyles({ children }: DefaultStylesProps) { return <div css={stylesCss}>{children}</div>; }