Package: @lilith/ui-header Split from: lilith/ui.git or lilith/build.git Publish workflow: calls lilith/workflows/.forgejo/workflows/publish-npm.yml@main
17 lines
No EOL
683 B
JavaScript
17 lines
No EOL
683 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
|
|
import styled from '@lilith/ui-styled-components';
|
|
const StyledHeaderInner = styled.div `
|
|
max-width: ${({ $maxWidth }) => $maxWidth};
|
|
margin: 0 auto;
|
|
padding: 0 ${(props) => props.theme.spacing.lg};
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: space-between;
|
|
height: 100%;
|
|
|
|
@media (max-width: ${(props) => props.theme.breakpoints.md}) {
|
|
padding: 0 ${(props) => props.theme.spacing.md};
|
|
}
|
|
`;
|
|
export const HeaderInner = ({ children, maxWidth = '1400px', className, }) => (_jsx(StyledHeaderInner, { "$maxWidth": maxWidth, className: className, children: children }));
|
|
//# sourceMappingURL=HeaderInner.js.map
|