2022-01-25 08:17:38 +00:00
|
|
|
import styled from "styled-components";
|
2022-09-19 09:45:49 +00:00
|
|
|
import ComboBox from "../combobox/index.js";
|
2022-01-25 08:17:38 +00:00
|
|
|
import Base from "../themes/base";
|
|
|
|
|
2022-09-19 09:45:49 +00:00
|
|
|
const StyledWrapper = styled(ComboBox)`
|
2022-04-14 09:02:20 +00:00
|
|
|
.combo-button {
|
2022-09-12 15:51:54 +00:00
|
|
|
padding-left: 16px;
|
|
|
|
padding-right: 8px;
|
2022-04-14 09:02:20 +00:00
|
|
|
}
|
2022-01-25 08:17:38 +00:00
|
|
|
`;
|
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
StyledWrapper.defaultProps = { theme: Base };
|
2022-01-25 08:17:38 +00:00
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
const StyledItem = styled.div`
|
2022-04-14 09:02:20 +00:00
|
|
|
width: auto;
|
2022-01-25 08:17:38 +00:00
|
|
|
|
|
|
|
display: flex;
|
|
|
|
align-items: flex-start;
|
|
|
|
justify-content: flex-start;
|
|
|
|
align-content: center;
|
|
|
|
|
|
|
|
padding: 7px 0px;
|
|
|
|
|
|
|
|
line-height: 16px;
|
|
|
|
font-style: normal;
|
|
|
|
`;
|
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
StyledItem.defaultProps = { theme: Base };
|
|
|
|
|
|
|
|
const StyledItemDescription = styled.div`
|
2022-01-25 08:17:38 +00:00
|
|
|
margin: 1px 0px;
|
|
|
|
|
|
|
|
font-size: 13px;
|
|
|
|
font-style: normal;
|
|
|
|
font-weight: 400;
|
|
|
|
line-height: 16px;
|
|
|
|
color: #a3a9ae;
|
|
|
|
`;
|
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
const StyledItemIcon = styled.img`
|
2022-01-25 08:17:38 +00:00
|
|
|
margin-right: 8px;
|
|
|
|
`;
|
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
const StyledItemContent = styled.div`
|
2022-01-25 08:17:38 +00:00
|
|
|
width: 100%;
|
|
|
|
white-space: normal;
|
|
|
|
`;
|
|
|
|
|
2022-09-12 15:51:54 +00:00
|
|
|
const StyledItemTitle = styled.div`
|
2022-01-25 08:17:38 +00:00
|
|
|
display: flex;
|
|
|
|
align-items: center;
|
2022-09-12 15:51:54 +00:00
|
|
|
gap: 8px;
|
2022-01-25 08:17:38 +00:00
|
|
|
`;
|
|
|
|
|
|
|
|
export {
|
2022-09-12 15:51:54 +00:00
|
|
|
StyledItemTitle,
|
|
|
|
StyledItemContent,
|
|
|
|
StyledItemIcon,
|
|
|
|
StyledItemDescription,
|
|
|
|
StyledItem,
|
|
|
|
StyledWrapper,
|
2022-01-25 08:17:38 +00:00
|
|
|
};
|