/** @jsxImportSource @emotion/react */

import styled from '@emotion/styled';
import { EmojiCSSStyles } from '../molecules/input';

export const Button = styled.button(({ styles }: any) => EmojiCSSStyles(styles));
export const Text = styled.p(({ styles }: any) => EmojiCSSStyles(styles));
export const Image = styled.img(({ styles }: any) => EmojiCSSStyles(styles));
export const Box = styled.div(({ styles }: any) => EmojiCSSStyles(styles));
export const Input = styled.input(({ styles }: any) => EmojiCSSStyles(styles));
export const Label = styled.label(({ styles }: any) => EmojiCSSStyles(styles));
export const Ul = styled.ul(({ styles }: any) => EmojiCSSStyles(styles));
export const Li = styled.li(({ styles }: any) => EmojiCSSStyles(styles));
export const Footer = styled.footer(({ styles }: any) => EmojiCSSStyles(styles));
export const Form = styled.form(({ styles }: any) => EmojiCSSStyles(styles));
export const Span = styled.span(({ styles }: any) => EmojiCSSStyles(styles));
export const A = styled.a(({ styles }: any) => EmojiCSSStyles(styles));
export const Select = styled.select(({ styles }: any) => EmojiCSSStyles(styles));
export const Option = styled.option(({ styles }: any) => EmojiCSSStyles(styles));
export const Header = styled.header(({ styles }: any) => EmojiCSSStyles(styles));
export const Main = styled.main(({ styles }: any) => EmojiCSSStyles(styles));
export const Article = styled.article(({ styles }: any) => EmojiCSSStyles(styles));
export const Section = styled.section(({ styles }: any) => EmojiCSSStyles(styles));
export const Aside = styled.aside(({ styles }: any) => EmojiCSSStyles(styles));
export const Nav = styled.nav(({ styles }: any) => EmojiCSSStyles(styles));
export const H1 = styled.h1(({ styles }: any) => EmojiCSSStyles(styles));
export const H2 = styled.h2(({ styles }: any) => EmojiCSSStyles(styles));
export const H3 = styled.h3(({ styles }: any) => EmojiCSSStyles(styles));
export const H4 = styled.h4(({ styles }: any) => EmojiCSSStyles(styles));
export const H5 = styled.h5(({ styles }: any) => EmojiCSSStyles(styles));
export const H6 = styled.h6(({ styles }: any) => EmojiCSSStyles(styles));
export const Table = styled.table(({ styles }: any) => EmojiCSSStyles(styles));
export const Thead = styled.thead(({ styles }: any) => EmojiCSSStyles(styles));
export const Tbody = styled.tbody(({ styles }: any) => EmojiCSSStyles(styles));
export const Tr = styled.tr(({ styles }: any) => EmojiCSSStyles(styles));
export const Th = styled.th(({ styles }: any) => EmojiCSSStyles(styles));
export const Td = styled.td(({ styles }: any) => EmojiCSSStyles(styles));
export const Pre = styled.pre(({ styles }: any) => EmojiCSSStyles(styles));
export const Code = styled.code(({ styles }: any) => EmojiCSSStyles(styles));
export const Blockquote = styled.blockquote(({ styles }: any) => EmojiCSSStyles(styles));
export const Hr = styled.hr(({ styles }: any) => EmojiCSSStyles(styles));
export const Br = styled.br(({ styles }: any) => EmojiCSSStyles(styles));
export const Progress = styled.progress(({ styles }: any) => EmojiCSSStyles(styles));
export const Iframe = styled.iframe(({ styles }: any) => EmojiCSSStyles(styles));
export const Canvas = styled.canvas(({ styles }: any) => EmojiCSSStyles(styles));
export const Video = styled.video(({ styles }: any) => EmojiCSSStyles(styles));
export const Audio = styled.audio(({ styles }: any) => EmojiCSSStyles(styles));
export const Figure = styled.figure(({ styles }: any) => EmojiCSSStyles(styles));
export const Figcaption = styled.figcaption(({ styles }: any) => EmojiCSSStyles(styles));
export const Details = styled.details(({ styles }: any) => EmojiCSSStyles(styles));
export const Summary = styled.summary(({ styles }: any) => EmojiCSSStyles(styles));
export const Mark = styled.mark(({ styles }: any) => EmojiCSSStyles(styles));
export const Time = styled.time(({ styles }: any) => EmojiCSSStyles(styles));
export const Meter = styled.meter(({ styles }: any) => EmojiCSSStyles(styles));
export const B = styled.b(({ styles }: any) => EmojiCSSStyles(styles));
export const I = styled.i(({ styles }: any) => EmojiCSSStyles(styles));
export const Small = styled.small(({ styles }: any) => EmojiCSSStyles(styles));
export const Strong = styled.strong(({ styles }: any) => EmojiCSSStyles(styles));
export const Abbr = styled.abbr(({ styles }: any) => EmojiCSSStyles(styles));
export const Sub = styled.sub(({ styles }: any) => EmojiCSSStyles(styles));
export const Sup = styled.sup(({ styles }: any) => EmojiCSSStyles(styles));