import classNames from "clsx";
import { useTheme } from "../Flowbite/ThemeContext";
import { Show } from "solid-js";
export const FooterCopyright = props => {
    const theme = useTheme().theme.footer.copyright;
    return (<div>
      <span class={classNames(theme.base, props.class)} data-testid="flowbite-footer-copyright">
        © {props.year}
        <Show when={props.href} fallback={<span data-testid="flowbite-footer-copyright-span" class={theme.span}>
              {props.by}
            </span>}>
          <a href={props.href} class={theme.href}>
            {props.by}
          </a>
        </Show>
      </span>
    </div>);
};