Package: @lilith/ui-header Split from: lilith/ui.git or lilith/build.git Publish workflow: calls lilith/workflows/.forgejo/workflows/publish-npm.yml@main
15 lines
No EOL
610 B
JavaScript
15 lines
No EOL
610 B
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
|
|
import styled from '@lilith/ui-styled-components';
|
|
const alignmentStyles = {
|
|
left: 'flex-start',
|
|
center: 'center',
|
|
right: 'flex-end',
|
|
};
|
|
const StyledHeaderSection = styled.div `
|
|
display: flex;
|
|
align-items: center;
|
|
justify-content: ${({ $align }) => alignmentStyles[$align]};
|
|
gap: ${({ $gap }) => $gap};
|
|
`;
|
|
export const HeaderSection = ({ children, align = 'left', gap = '1rem', className, }) => (_jsx(StyledHeaderSection, { "$align": align, "$gap": gap, className: className, children: children }));
|
|
//# sourceMappingURL=HeaderSection.js.map
|