@braineet/ui
Version:
Braineet design system
35 lines • 1.32 kB
JavaScript
import styled from 'styled-components';
import Box from '../box';
import Button from '../button';
import { Select } from '../select';
import Text from '../text';
export var StyledNav = styled.nav.withConfig({
displayName: "styles__StyledNav",
componentId: "sc-1or3yzd-0"
})(["display:flex;align-items:center;justify-content:space-between;"]);
export var StyledPageButtonsContainer = styled(Box).withConfig({
displayName: "styles__StyledPageButtonsContainer",
componentId: "sc-1or3yzd-1"
})(["display:flex;margin:0 ", " 0 ", ";"], function (props) {
return props.theme.spaces.md;
}, function (props) {
return props.theme.spaces.lg;
});
export var StyledSelect = styled(Select).withConfig({
displayName: "styles__StyledSelect",
componentId: "sc-1or3yzd-2"
})(["display:flex;height:2rem;align-items:", ";", ""], function (props) {
return props.unroll ? props.unroll : 'center';
}, function (props) {
return props.theme.helpers.getHeadingStyle('sm');
});
export var StyledTextRows = styled(Text).withConfig({
displayName: "styles__StyledTextRows",
componentId: "sc-1or3yzd-3"
})(["flex-shrink:0;margin-left:", ";"], function (props) {
return props.theme.spaces.md;
});
export var StyledButton = styled(Button).withConfig({
displayName: "styles__StyledButton",
componentId: "sc-1or3yzd-4"
})([""]);