@stokr/components-library
Version:
STOKR - Components Library
22 lines (21 loc) • 1.41 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.Toggle = exports.DetailsCollapse = exports.Container = void 0;
var _styledComponents = _interopRequireDefault(require("styled-components"));
var _reactCollapse = require("react-collapse");
var _theme = _interopRequireDefault(require("../../styles/theme"));
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
const Container = exports.Container = _styledComponents.default.div.withConfig({
displayName: "TransactionDetailsstyles__Container",
componentId: "sc-yhycqf-0"
})(["display:block;position:relative;text-align:center;padding-top:8px;"]);
const Toggle = exports.Toggle = _styledComponents.default.button.withConfig({
displayName: "TransactionDetailsstyles__Toggle",
componentId: "sc-yhycqf-1"
})(["display:inline-block;font-size:11px;line-height:16px;color:", ";transition:color 0.2s;outline:0;&:hover{color:", ";}"], props => _theme.default.cGrey2, props => _theme.default.cPrimary);
const DetailsCollapse = exports.DetailsCollapse = (0, _styledComponents.default)(_reactCollapse.Collapse).withConfig({
displayName: "TransactionDetailsstyles__DetailsCollapse",
componentId: "sc-yhycqf-2"
})(["opacity:0;transition:opacity 0.2s;margin-top:12px;", ""], props => props.isOpened && "\n opacity: 1;\n border-bottom: 1px solid ".concat(_theme.default.cLightGrey, ";\n "));