import { OpenIcon } from "outline-icons";
import * as React from "react";
import { DefaultTheme, ThemeProps } from "styled-components";
import { EmbedProps as Props } from "../embeds";
import Widget from "./Widget";

export default function DisabledEmbed(props: Props & ThemeProps<DefaultTheme>) {
  return (
    <Widget
      title={props.embed.title}
      href={props.attrs.href}
      icon={props.embed.icon(undefined)}
      context={props.attrs.href.replace(/^https?:\/\//, "")}
      isSelected={props.isSelected}
      theme={props.theme}
    >
      <OpenIcon color="currentColor" size={20} />
    </Widget>
  );
}
