import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { Row, Col, Typography, Card, Image } from 'antd';
import styled from 'styled-components';
export function DatabaseCard({ db }) {
    return (_jsx(Card, { "data-testid": "wizard-db-card", children: _jsxs(Row, { align: "middle", justify: "space-between", children: [_jsx(Col, { flex: "40px", children: _jsx(Image, { src: db.logo, preview: false }) }), _jsx(Col, { children: _jsx(Typography.Text, { strong: true, children: db.title }) })] }) }));
}
const Wrapper = styled.div `
  background-color: #f8f8f9;
  padding: 15px 20px;
  border-radius: 4px;
`;
export function SelectedDatabaseCard({ db }) {
    return (_jsx(Wrapper, { children: _jsxs(Row, { align: "middle", justify: "space-between", children: [_jsx(Col, { flex: "40px", children: _jsx(Image, { src: db.logo, preview: false }) }), _jsx(Col, { children: _jsx(Typography.Text, { strong: true, children: db.title }) })] }) }));
}
//# sourceMappingURL=DatabaseCard.js.map