import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import React from 'react';
const icon = {
    height: 16,
    marginLeft: 10,
};
export const MakeVideosLinkItem = ({ href, label }) => {
    return (_jsxs("a", { className: "no-underline text-[var(--subtitle)] font-brand font-medium text-sm inline-flex flex-row items-center", href: href, children: [label, _jsx("svg", { style: icon, xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 448 512", children: _jsx("path", { fill: "currentColor", d: "M438.6 278.6l-160 160C272.4 444.9 264.2 448 256 448s-16.38-3.125-22.62-9.375c-12.5-12.5-12.5-32.75 0-45.25L338.8 288H32C14.33 288 .0016 273.7 .0016 256S14.33 224 32 224h306.8l-105.4-105.4c-12.5-12.5-12.5-32.75 0-45.25s32.75-12.5 45.25 0l160 160C451.1 245.9 451.1 266.1 438.6 278.6z" }) })] }));
};
export const MakeVideosLinks = ({ links }) => {
    if (links.length === 0) {
        return null;
    }
    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "h-4" }), _jsx("div", { className: "leading-6", children: links.map((link) => {
                    return (_jsxs(React.Fragment, { children: [_jsx(MakeVideosLinkItem, { ...link }), _jsx("br", {})] }, link.href));
                }) })] }));
};
