@chayns-components/core
Version:
A set of beautiful React components for developing your own applications with chayns.
44 lines (42 loc) • 998 B
JavaScript
import styled, { css } from 'styled-components';
export const StyledSearchBoxBody = styled.div`
display: flex;
flex-direction: column;
`;
export const StyledSearchBoxBodyHead = styled.div`
padding: 10px 10px 5px;
display: flex;
flex-direction: column;
${({
$hasGroupName
}) => $hasGroupName && css`
gap: 15px;
`}
${({
$hasScrolled
}) => $hasScrolled && css`
box-shadow: 0 1px 4px #0000001a;
`}
`;
export const StyledSearchBoxBodyHeadGroupName = styled.div`
color: ${({
theme
}) => theme.text};
font-weight: bold;
`;
export const StyledSearchBoxBodyContent = styled.div`
display: flex;
flex-direction: column;
cursor: pointer;
width: 100%;
max-height: ${({
$headHeight,
$maxHeight
}) => $maxHeight - $headHeight}px;
overflow-y: ${({
$height,
$headHeight,
$maxHeight
}) => $height + $headHeight <= $maxHeight ? 'hidden' : 'auto'};
`;
//# sourceMappingURL=SearchBoxBody.styles.js.map