25 lines
637 B
TypeScript
25 lines
637 B
TypeScript
import './Row.sass'
|
|
import { Show, type JSXElement } from 'solid-js'
|
|
|
|
interface Props {
|
|
children: JSXElement
|
|
content?: 'left' | 'center' | 'right' | 'split' | 'spaced' | 'even'
|
|
gap?: number
|
|
padding?: string
|
|
}
|
|
|
|
export default (props: Props) => {
|
|
return (
|
|
<>
|
|
<Show when={props.gap}>
|
|
<section class={`row-${props.content || 'center'}`} style={`gap: ${props.gap || 0}rem; padding: ${props.padding || 0}`}>
|
|
{props.children}
|
|
</section>
|
|
</Show>
|
|
|
|
<Show when={!props.gap}>
|
|
<section class={`row-${props.content || 'center'}`}>{props.children}</section>
|
|
</Show>
|
|
</>
|
|
)
|
|
}
|