carbon-react/esm/components/date-range/date-range.style.js

A library of reusable React components for easily building user interfaces.

import t from"styled-components";import{margin as e}from"styled-system";import a from"../date/date.style.js";import{StyledLabelContainer as i}from"../../__internal__/label/label.style.js";import{StyledInputPresentationContainer as o}from"../../__internal__/input/input-presentation.style.js";import l from"../../style/themes/apply-base-theme.js";const n=t.div.attrs(l).withConfig({displayName:"date-range.style__StyledDateRange",componentId:"sc-39b770fa-0"})([""," margin-bottom:var(--fieldSpacing);"," & ","{width:auto;display:inline-block;vertical-align:",";}& ",":first-of-type{margin-right:var(--spacing300);}","{width:auto;}","{flex:auto;}"],(({validationMessagePositionTop:t})=>`\n    display: flex;\n    align-items: ${t?"flex-end":"flex-start"};\n  `),e,a,(({labelsInline:t})=>t?"top":"bottom"),a,i,o);export{n as default};