@zendeskgarden/react-accordions
Version:
Components related to accordions in the Garden Design System
25 lines (22 loc) • 886 B
JavaScript
/**
* Copyright Zendesk, Inc.
*
* Use of this source code is governed under the Apache License, Version 2.0
* found at http://www.apache.org/licenses/LICENSE-2.0.
*/
import styled from 'styled-components';
import { getColor } from '@zendeskgarden/react-theming';
const COMPONENT_ID$j = 'accordions.step_line';
const StyledLine = styled.div.attrs({
'data-garden-id': COMPONENT_ID$j,
'data-garden-version': '9.15.5'
}).withConfig({
displayName: "StyledLine",
componentId: "sc-1gkpjbr-0"
})(["display:block;position:absolute;top:", "px;right:", ";left:", ";flex:1;border-top:", ";border-color:", ";"], props => props.theme.space.base * 3, props => `calc(50% + ${props.theme.space.base * 6}px)`, props => `calc(-50% + ${props.theme.space.base * 6}px)`, props => props.theme.borders.sm, ({
theme
}) => getColor({
theme,
variable: 'border.default'
}));
export { StyledLine };